vant预览图片

如果是本地图片需要用require引入进来

 

导入预览组件

 <van-image-preview v-model="show" :images="images" :showIndex="false">
 </van-image-preview>

      images: [

        require("../../assets/img/huxinimg/A.jpg"),

        require("../../assets/img/huxinimg/B.jpg"),

        require("../../assets/img/huxinimg/C-1.jpg"),

        require("../../assets/img/huxinimg/C-1.jpg"),

        require("../../assets/img/huxinimg/C-1.jpg"),

        require("../../assets/img/huxinimg/D.jpg"),

        require("../../assets/img/huxinimg/E.jpg"),

      ],

 

html里面

 <img             
 click="openPic(require('../../assets/img/huxinimg/B.jpg'))"
 v-if="curSelected.hx == 'B'"
 src="../../assets/img/huxinimg/B.jpg"
 alt=""
 />

方法里面

    openPic(v) {
      this.images = []
      this.images[0] = v
      this.show = true
    },

妈的.好多坑.