[VUE]dialog 只能点击确认 取消和右上角的叉号才能关闭

关于弹窗只能点击确认 取消和右上角的叉号才能关闭,点遮罩层不可以关闭~
element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog,即点击空白处弹框可关闭。

官网上有一个方法,在这里面写关闭的事件,另外加:close-on-click-modal=”false”,对点击遮盖层无操作

  :before-close="handleClose"
  :close-on-click-modal="false"
    handleClose() {
      this.open = false;
    },

el-dialog中close-on-click-modal含义是:点击空白处是否关闭,默认true
点击空白处不关闭弹框 只需要 :close-on-click-modal=“false” 即可

本作品采用《CC 协议》,转载必须注明作者和本文链接
陈卿诺语
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!