html示例代码:
<img :src="imageUrl" alt="" @click="getImg()">
js示例代码:
import { ImagePreview } from "vant"; // 引入ImagePreview
// 执行方法
getImg(){
ImagePreview({
images: [this.imageUrl], // 需要预览的图片 URL 数组
showIndex:false, // 是否显示页码
closeable:true, // 是否显示关闭图标
closeIconPosition:'bottom-right' // 关闭图标位置
})
}
更多属性,可见Vant—ImagePreview 图片预览。