【vue中的图片预览v-viewer】

1、安装v-viewer

npm install v-viewer --save

2、在main.js中配置如下：

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'

Vue.use(Viewer, {
  defaultOptions: {
    zIndex: 999
  }
})

3、在需要使用图片查看的文件中使用如下：

//images是一个数组，用来存放需要预览的图片的路径
<viewer :images="images">
    <img v-for="src in images" :src="src" :key="src">
</viewer>