vue3这种写法写的不清不楚的下面是详细使用过程
1、在要览的图片上添加点击事件–zoom_up
<img v-if="img_url" :src="img_url" @click="zoom_up" alt="">
2、zoom_up函数中调用showImagePreview
zoom_up(){
showImagePreview([
this.img_url // 这里边可以是一个图片路径也可以是一个图片路径数组(如果是数组则把外层的数组去掉即可)
]);
}
3、已经做完了,点击后的效果如下:
4、再点一下就会退出全屏