图片点击预览
<div
class="img_box"
v-for="(image, i) in interestDetails.picUrl"
:key="i"
>
<img
:src="image"
alt="预览图片"
style="width:100%;border-radius:8px;"
@click="getImg(image, i, interestDetails.picUrl)"
/>
</div>
// 引入组件
import Vue from 'vue';
import { ImagePreview } from 'vant';
Vue.use(ImagePreview);
// 方法中
methods:{
// 预览图片
getImg(image, i, e) {
console.log(image, i, e);
ImagePreview({
images: e,
showIndex: true,
loop: false,
startPosition: i
});
}
}
好了,是不是挺快的,有没有学废,学废了的请扣1