element-ui Dialog组件的close-on-click-modal属性

LinMeng 等级 326 0 0

element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog,即点击空白处弹框可关闭。 单功能设置如下:

<el-dialog :close-on-click-modal="false" >    </el-dialog>

全局修改默认配置,点击空白处不能关闭弹窗:

//在组件注册.js文件中
Dialog.props.closeOnClickModal = false;  // 点击弹层不关闭
Dialog.props.closeOnPressEscape = false; // ESC键不关闭

常见问题: ** el-dialog中设置了destroy-on-close属性为true,dom依旧未被销毁**

  • 解决方法:
  1. 给el-dialog添加v-if属性
  2. 给el-dialog加一个动态唯一的key属性,,也可以重新渲染,直观上感觉应该是el-dialog本身是带有缓存功能的
收藏
评论区