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标签下的某个子标签
  • 热门搜索
    酸汤面的做法 面条的做法大全家常 彘怎么读 元稹怎么读 土豆炖排骨的家常做法 江米糕的做法 陕西凉皮做法 腌黄瓜的做法 纤怎么读 宽粉条的做法大全家常