zl程序教程

您现在的位置是:首页 >  工具

当前栏目

elementui的dialog组件踩坑

2023-09-27 14:20:09 时间

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

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

 

 

 

 

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

 

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

就完事了