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

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

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

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

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

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

• 解决方法：

1. 给el-dialog添加v-if属性
2. 给el-dialog加一个动态唯一的key属性，，也可以重新渲染，直观上感觉应该是el-dialog本身是带有缓存功能的