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

<script> import { ImagePreview } from 'packages'; export default { methods: { showImagePreview() { ImagePreview([ 'https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png', 'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg', 'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg' ]); } } }; </script>

ImagePreview

Install

import { ImagePreview } from 'vant';

Usage

Basic Usage

:::demo Basic Usage

<van-button @click="showImagePreview">Show</van-button>

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

:::

Arguments

Attribute	Description	Type
imageUrls	Image URL list	Array