vue+vant实现图片预览

图片点击预览

<div
	class="img_box"
    v-for="(image, i) in interestDetails.picUrl"
    :key="i"
 >
    <img
      :src="image"
      alt="预览图片"
      style="width:100%;border-radius:8px;"
   	  @click="getImg(image, i, interestDetails.picUrl)"
    />
 </div>

// 引入组件
import Vue from 'vue';
import { ImagePreview } from 'vant';
Vue.use(ImagePreview);

// 方法中

methods:{
	// 预览图片
    getImg(image, i, e) {
      console.log(image, i, e);
      ImagePreview({
        images: e,
        showIndex: true,
        loop: false,
        startPosition: i
      });
    }
}

好了，是不是挺快的，有没有学废，学废了的请扣1