vant/docs/examples-docs/image-preview.md

ImagePreview 图片预览

使用指南

ImagePreview和其他组件不同，不是通过HTML结构的方式来使用，而是通过函数调用的方式。使用前需要先引入它。

import { ImagePreview } from 'vant';

代码演示

基础用法

:::demo 基础用法

<van-button @click="showImagePreview">预览图片</van-button>

export default {
  methods: {
    showImagePreview() {
      ImagePreview([
        'https://img.yzcdn.cn/1.jpg',
        'https://img.yzcdn.cn/2.jpg'
      ]);
    }
  }
};

:::

方法参数

参数名	说明	类型
imageUrls	需要预览的图片	Array