下载：
cnpm run viewerjs --save
页面中使用：
// 点击图片放大import Viewer from 'viewerjs';import 'viewerjs/dist/viewer.css';onMounted(() => {//在vue中给html元素绑定事件使用window.事件名 = function(){}// 绑定图片放大事件，window.large = function(url) {//一定要使用$nextTick ,否则第一次点击图片不会放大proxy.$nextTick(function() {// 图片放大容器const ViewerDom = document.getElementById(url);const viewer = new Viewer(ViewerDom, {// 配置navbar: false, // 显示缩略图导航zoomRatio: 0.2, // 鼠标滚动时的缩放比例movable: true, // 图片是否可移动toolbar: {// 显示工具栏zoomIn: 1,zoomOut: 1,oneToOne: 0,reset: 1,prev: 0,play: 0,next: 0,rotateLeft: 0,rotateRight: 0,flipHorizontal: 0,flipVertical: 0,},hide: function() {// 在图片消失的时候销毁viewerviewer.destroy()}}) viewer.show()})}})
