网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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点击图片放大预览,可缩放、移动切换下一张
© 五度知识库