vue+vant图片预览和jsp+vant图片预览

1、vue引入vant组件进行图片预览 

<div class="cover" @click="imgPreview(item)">

              <van-image src="https://img.yzcdn.cn/vant/cat.jpeg" class="img"/>

</div>

//导入组件

import { ImagePreview, Dialog } from "vant";

//注册组件

components: {

    [Image.name]: Image,

    [ImagePreview.name]: ImagePreview

  },

 // ------ 图片预览 ------

    imgPreview(item) {

      //通过map方法把图片路径遍历为数组

      let imgs = item.photoList.map(url => {

        return Image_Path + url;      

      });

      ImagePreview({

        images: imgs,    //图片路径数组

        onClose() {}    //关闭图片预览

      });

    }

jsp页面引用vant组件显示图片

<div calss="page">
  <div class="img" @click="i