vue 查看大图插件 vue-photo-preview

图片小图的状态太过模糊，所以需要一个放大查看的工具，vue-photo-preview试了一下很好用

使用方法：
1.安装：

npm install vue-photo-preview --save

2.使用：
首先在main.js中引入

import preview from 'vue-photo-preview';
import 'vue-photo-preview/dist/skin.css';
Vue.use(preview);

然后直接使用

<img :src="areaMajorArticle.snapshot_url" alt="" preview="1" :preview-text="areaMajorArticle.title">

各属性的含义
preview：用来分组，同一组的值设置为相同，不同组的值设置不同的
preview-text：查看大图的时候底部的图片说明

使用效果：

使用过程中可能会遇到图片放大功能不生效的情况，只需要在接口返回后加上this.$previewRefresh();即可

this.$previewRefresh();

还有个问题是鼠标滚轮一滑动大图预览就关闭了，这个滚轮事件不知道怎么阻止