elementui中close-on-click-modal=“fasle“不生效

最新推荐文章于 2024-09-20 14:31:06 发布

原创最新推荐文章于 2024-09-20 14:31:06 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #前端

VUE 专栏收录该内容

11 篇文章

订阅专栏

在elementui中使用dialog的属性close-on-click-modal="fasle"不生效，写法如下：

<el-dialog title="弹窗标题":visible.sync="dialogVisible" close-on-click-modal='false'>
   <div>内容</div>
</el-dialog>

<el-dialog title="弹窗标题":visible.sync="dialogVisible" :closeOnOlickOodal='false'>
   <div>内容</div>
</el-dialog>

以上两种方式都不生效，如下将 :closeOnOlickOodal='false' 动态绑定才会生效

<el-dialog title="弹窗标题":visible.sync="dialogVisible" :closeOnClickModal='clickfalse'>
   <div>内容</div>
</el-dialog>

export default {
  name: '',
  data() {
    return {
      clickfalse: false      
    }
  }
}