关于vue组件v-viewe的使用方法，层级显示bug

1.如何使用v-viewe

1. 安装 npm install v-viewer --save
2. 在main.js中使用

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css
Vue.use(Viewer, {
 defaultOptions: {
   zIndex: 9999,  (控制显示层级为最高)
   "inline": true,  //启用 inline 模式 默认false
   "button": true,　　//显示右上角关闭按钮 默认true
   "navbar": true,　　//显示缩略图导航 默认true
  "title": true,　　//显示当前图片的标题 默认true
   "toolbar": true,　　// 显示工具栏 默认true
   "tooltip": true,　　// 显示缩放百分比 默认true
   "movable": true,　　//图片是否可移动 默认true
   "zoomable": true,　　//图片是否可缩放 默认true
   "rotatable": true,　　//图片是否可旋转 默认true
   "scalable": true,　　//图片是否可翻转 默认true
   "transition": true,　　//使用css3过度 默认true
   "fullscreen": true,　　//是否全屏 默认true
   "keyboard": true,　　//是否支持键盘 默认true
   "url": "data-source" //设置大图片的URL
 }
})

2.页面引用

 <viewer :images="images">
 	<img v-for="src in images" :src="src" :key="src">
 </viewer>
 
 **注意：必须绑定值 不然会报错 **