如果是按叉叉关闭或者点表单以外空白处关闭的话
可以给el-dialog添加
:before-close="closeForm"
在methods里添加函数
closeForm(){
this.$refs.form.resetFields();//清除数据
this.dialogFormVisible=false;//关闭对话框
}
如果是按取消按钮清除数据,也可以给取消按钮绑定点击事件,点击取消则调用closeForm函数。文章来源:https://www.toymoban.com/news/detail-505962.html
注意:文章来源地址https://www.toymoban.com/news/detail-505962.html
- 要为每个 form-item 加上 prop 属性,要不然无法清空
- resetFields() 方法是重置表单,重置为初始值,而不是设置为空值
到了这里,关于Element ui关闭el-dialog时清除数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!