v-viewer使用

v-viewer是一个图片放大预览,他可以鼠标滚轮放大和缩小,也可以全屏,上一张下一张,鼠标拖动。

1.首先先安装

npm install v-viewer --save

2.main.js引入

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)

 

注:如果你不想显示按钮和图片名称的话,你可以在main.js

Vue.use(Viewer, {defaultOptions: {button: false,navbar: false,title: false,toolbar: true,}
})

3.使用


//photo 一定要一个数组,否则报错,在data中写图片的地址


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

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部