缩略图预览缩放1.安装npminstallv-viewer--save2.在main.js中注册使用//registerimportViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'//使用Vue.use(Viewer);Viewer.setDefaults({'inline':false,//是否显示'button':true,//右上按钮"navbar":true,//底部缩略图"title":true,//当前picturetitle"toolbar":true,//底部工具栏"tooltip":true,//显示缩放百分比"movable":true,//可以移动"zoomable":true,//可以缩放"rotatable":true,//是否可以旋转"scalable":true,//是否可以翻转"transition":true,//使用CSS3过渡"fullscreen":true,//播放时是否全屏"keyboard":true,//是否支持键盘"url":"data-source",ready:function(e){console.log(e.type,'要初始化的组件');},show:function(e){console.log(e.type,'图片显示开始');},shown:function(e){console.log(e.type,'图片显示结束');},hide:function(e){console.log(e.type,'图片被隐藏');},hidden:function(e){console.log(e.type,'图片被隐藏');},view:function(e){console.log(e.type,'viewstart');},查看:function(e){console.log(e.type,'viewend');//索引为1的图像旋转20度if(e.detail.index===1){this.viewer.旋转（20）；}},zoom:function(e){console.log(e.type,'图片缩放开始');},zoomed:function(e){console.log(e.type,'图片缩放结束');}});3.在需要使用的vue页面中
