elementui的dialog组件踩坑

dialog组件为弹窗,我之前有个需求是,点击图片查看大图,虽然可以直接img组件可以使用,但是有点不太符合需求,所以我就用这个来使用

当用el-image标签来触发dialog的时候,body元素上会自动给你增加一个overflow:hidden的属性,就是页面就不让你动了,如果你是需要下滑页面的话就很难受

这个时候,需要把这个属性删除掉或者覆盖掉,我用!important没有效果,后来就直接用watch,然后在触发的时候给body样式删除

 watch:{
    dialogShouchi(){
      if(!this.dialogShouchi){
        document.body.style = "";
        console.log(document.body)
      }
    },
}

就完事了

原文地址:https://www.cnblogs.com/huchong-bk/p/12094880.html