v-viewer是一款基于vue的点击图片放大预览插件，支持左右切换上一张下一张图片，支持缩放图片、按住拖拽图片、预览图效果，斜切、旋转图片等功能，界面美观，还支持手机端，是一款不可多得的图片查看器，此外，它其实就是
viewer.js 的vue版本。下面简单说下它的使用方法：
一、安装
1 | npm install v-viewer --save |
二、使用方法：
方法1：
1 | <div class="images" v-viewer> |
2 | <img v-for="(item2,index2) in item.picList.split(',')" :key="'img'+index2" :src="item2" /> |
5 | import 'viewerjs/dist/viewer.css' |
6 | import Viewer from 'v-viewer' |
方法2：
01 | <viewer :images="images"> |
02 | <img v-for="src in images" :src="src" :key="src"> |
04 | import 'viewerjs/dist/viewer.css' |
05 | import Viewer from 'v-viewer' |
10 | images: ['1.jpg', '2.jpg'] |
以上两种方法都没问题，我爱模板网经过实战测试过！
