vue之element中el-dialog关闭相关属性

Posted 2022-02-22 lixianfu5005

在el-dialog中加入这俩属性：

:close-on-press-escape="false" :close-on-click-modal="false"

效果：键盘按Esc键，或者鼠标点击dialog外面， dialog都不会关闭了。

 

 

PS：

Vue中属性有无冒号的区别：

加冒号的，说明后面的是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量！

尤其是Boolean类型的容易混淆。例如上面dialog例子，带冒号表示后面属性是Boolean，否则只是单纯的字符串。