监听el-dialog宽度适配

keepRuning9

已于 2023-04-18 14:52:26 修改

阅读量596

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2023-04-18 14:20:06 首次发布

本文链接：https://blog.csdn.net/weixin_58414196/article/details/130220775

版权

vue 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

修改el-dialog 试了好多方法不生效，原来修改dialog必须在非scoped环境下

console.log(document.body.clientWidth)
      var val = document.body.clientWidth
      const def = 800 // 默认宽度
      if (val < def) {
        this.dialogWidth = '80%'
      } else {
        // this.dialogWidth = '30%'
        this.dialogWidth = 400 + 'px'       
      }

data()
    {
    return{
        dialogWidth:'',
    }
    }
<el-dialog title="个人信息验证" :visible.sync="dialogFormVisible" :width="dialogWidth" >
</el-dialog>