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="这里是顶部标题">