vue+vant图片预览

vue

<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() {}    //关闭图片预览

      });

    }

以上是 vue+vant图片预览 的全部内容, 来源链接: utcz.com/z/374873.html

回到顶部