通过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();
},