如果是按叉叉关闭或者点表单以外空白处关闭的话
可以给el-dialog添加
:before-close="closeForm"
在methods里添加函数
closeForm(){
this.$refs.form.resetFields();//清除数据
this.dialogFormVisible=false;//关闭对话框
}
如果是按取消按钮清除数据,也可以给取消按钮绑定点击事件,点击取消则调用closeForm函数。
注意:
- 要为每个 form-item 加上 prop 属性,要不然无法清空
- resetFields() 方法是重置表单,重置为初始值,而不是设置为空值