Vue项目中使用Vant的“ImagePreview 图片预览”组件

华衡
2023-12-01

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 图片预览。

 类似资料: