el-dialog(vue3 总结)

一

二使用

2.1使用el-dialog时，点击el-dialog外的其他区域会导致该对话框关闭

之所以会产生这种问题，是因为elementUi在对Dialog组件做初始化的时候，默认让该Dialog在点击组件以外区域会导致该组件关闭，所以elementUI 一定会将该属性暴露出来让开发人员进行配置。
通过查询ElementUI的官方文档，发现在Dialog下有个‘close-on-click-modal’属性，该属性默认值为‘True’，作用为：是否可以通过点击 modal 关闭 Dialog。
所以，通过设置Dialog下的close-on-click-modal属性为‘false’，即可解决该问题。