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)
      }
    },
}

就完事了