vue-vant图片预览ImagePreview的一些问题

1,766 阅读1分钟

通过ImagePreview预览图片有个bug,预览是个模弹框,所以直接点击返回按钮时,ImagePreview的html没有隐藏,所以需要监听beforeRouteLeave,在返回时关闭ImagePreview

data(){
    return{
        instance_img:''
    }
},
methods:{
    handlePreviewImgs(item) {
        this.instance_img = ImagePreview({
          images:item,
          // closeable: true,
          // closeIcon:'cross',
         
        });
    },
    
},
//在路由离开的时候,关闭预览的图片
beforeRouteLeave(to,from,next){
    this.instance_img.close()
    next();
},

vue+vant使用图片预览功能ImagePreview的问题解决