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依旧未被销毁**
- 解决方法:
- 给el-dialog添加v-if属性
- 给el-dialog加一个动态唯一的key属性,,也可以重新渲染,直观上感觉应该是el-dialog本身是带有缓存功能的