1.安装
npm install v-viewer
2 引入(main.js文件中)
import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)// 对viewerjs进行修改全局默认配置项目Viewer.setDefaults({Options: {'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': true, 'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': true, 'url': 'data-source' }})
3.页面中使用
<viewer :images="['', '']" ><imgv-for="(src, index) in ['','']":key="index":src="src"min-width="70"height="70"style="margin-right: 20px"/></viewer>