vue 点击图片放大

文档：https://www.npmjs.com/package/vue-directive-image-previewer 【只能弹框查看 不能关闭和播放下一张，其他功能使用别的插件】

 

安装：

npm install vue-directive-image-previewer -D

 

引入 main.js

import VueImageView from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueImageView, {
  zIndex: '2019'  /*弹框的图片级别设置高点 才能在最上层 看的到 更多参数见文档*/
})

 

使用

<img v-image-preview src="some-pic-url"/>