vue+vant图片预览
<div class="cover" @click="imgPreview(item)">
<van-image src="https://img.yzcdn.cn/vant/cat.jpeg" class="img"/>
</div>
//导入组件
import { ImagePreview, Dialog } from "vant";
//注册组件
components: {
[Image.name]: Image,
[ImagePreview.name]: ImagePreview
},
// ------ 图片预览 ------
imgPreview(item) {
//通过map方法把图片路径遍历为数组
let imgs = item.photoList.map(url => {
return Image_Path + url;
});
ImagePreview({
images: imgs, //图片路径数组
onClose() {} //关闭图片预览
});
}
以上是 vue+vant图片预览 的全部内容, 来源链接: utcz.com/z/374873.html