vue点击查看大图,且可以左右滑动切换上下张

安装:npm install vue-picture-preview-extend

main.js中引入:

import vuePicturePreview from 'vue-picture-preview-extend'

Vue.use(vuePicturePreview) 

在根组件App.vue添加:

<lg-preview></lg-preview>

组件中使用:

<img v-for="(item,index) in imgs"  v-preview="item.url"  :src="item.url"  :alt="item.title"  :key="index"  preview-title-enable="true"   preview-nav-enable="true"  preview-top-title-tnable="true"  preview-title-extend="false"  data-title="这里是顶部标题">

posted @ 2021-09-24 10:26  chicidol  阅读(1022)  评论(0编辑  收藏  举报