npm安装

npm install v-viewer

main.js中配置

注：大图参数，只需要在标签中有data-source这个属性即可，属性里放大图的地址，然后这个属性你可以自定义

import Vue from 'vue'
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Viewer.setDefaults({// 需要配置的属性 注意属性并没有引号url: 'data-source', // 大图地址参数title: false,toolbar: false,zIndex:99999,filter (image) {// 不用筛选，只要有图都可以放大return true// 只有大图的才能放大// const dataSource = image.getAttribute('data-source')// if (dataSource === null || dataSource === undefined) {//   return true// } else {//   return true// }}
})
Vue.use(Viewer)

使用

给标签加上v-viewer指令，和属性就可以了

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！