vue点击图片放大预览,可缩放、移动切换下一张

 时间:2024-10-28 12:08:33

1、安装:cnpm install v-viewer --save 回车执行

vue点击图片放大预览,可缩放、移动切换下一张

3、index.vue页面代码除引入组件代码:<viewer :images="images"> <稆糨孝汶;v-touch class="imgDiv" v-for="src in images" :key="src"> <img :src="src" width="300"> </v-touch></viewer>

vue点击图片放大预览,可缩放、移动切换下一张

5、组件调用:Vue.use(Viewer, {defaultOptions: {zIndex:1,inline:false,button:true,navbar:false,title:false,toolbar:false,tooltip:true,movable:true,zoomable:true,rotatable:false,scalable:false,transition:true,fullscreen:true,keyboard:false,loop:false,}})

vue点击图片放大预览,可缩放、移动切换下一张vue点击图片放大预览,可缩放、移动切换下一张
  • 黑暗之门伦敦乔伊的义肢任务攻略
  • weblogic被管节点启动报错transport error 202
  • NPS调查的实用技巧有哪些?
  • 数据库OraClient Lite-11g的安装
  • js如何删除某个html标签下的某个子标签
  • 热门搜索
    怎么看自己电脑型号 lol炫彩皮肤怎么买 青春痘治疗方法 向日葵图片大全 查字典的方法有哪三种 苹果图片大全大图 电饼铛食谱大全 怎样做菜好吃 营销方法 流星蝴蝶剑怎么联机