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标签下的某个子标签
  • 热门搜索
    tony是什么意思 逆战怎么退出战队 如何修复红血丝 如何看股票k线图 跑步时如何呼吸 word里面怎么打分数 live是什么意思 夫妻保健怎么样 如何写记叙文 丛林肉搏怎么玩