v-viewer点击图片预览的组件封装；

1.下载v-viewer;

npm install v-viewer -S

2.main.js中引入注册；

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
  Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': true, 'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': true, 'url': 'data-source' }
})

3.封装成组件；

4.页面中引入组件使用；

 getViewer(viewer){
        if(this.viewer){
            this.$nextTick(() => {
                viewer.show();
            });
        }else{//先定义这个变量为空，防止第一次页面加载的时候就出现遮罩层
            this.viewer = viewer;
        }  
    },

 在其他事件中改变images数组就可以，其他的已经帮你做好了！