element-ui dialog弹窗 设置点击空白处不关闭

需求:

element-ui dialog弹窗设置点击空白处不关闭

描述

element-ui dialog弹窗 默认的点击空白处也就是非弹窗区会关闭,这在绝大部分情况下是非常不合适的，会造成弹窗中的数据清空。

我们将该属性改成只能点击右上方叉号关闭。

也就是“:close-on-click-modal” 这个属性设置成false 就可以了

代码

<el-dialog title="添加" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
</el-dialog>