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>