vue项目中使用vue-directive-image-previewer插件进行图片放大处理

1. 安装vue-directive-image-previewer插件

npm install vue-directive-image-previewer --save

2. 在vue项目中的main.js中引入并注册

import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueDirectiveImagePreviewer, {
  zIndex: 9999,  //层级显示
  previewSize: 3 //三倍图
})

3. 使用（使用指令v-image-preview）

<img v-for="(item,index) in form.imgList" :key="index" :src="item" alt="" v-image-preview="item">