vant图片预览

代码

	 <div class="image">
        <p>支付凭证</p>
        <van-image
          width="2.7rem"
          height="2.7rem"
          fit="cover"
          :src="item"
          v-for="(item,i) in payment_voucher"
          :key="i"
          @click="getImg(i)"
          style="margin-right:10px"
        />
      </div>

方法

import Vue from "vue";
import { ImagePreview } from "vant";
Vue.use(ImagePreview);

 	getImg(i) {
      ImagePreview({
        images: this.payment_voucher,
        showIndex: true,
        loop: true,
        startPosition: i
      });
    },