在el-dialog中嵌套一个表单,提交关闭再次打开时需要置空,有时在el-dialog中使用destroy-on-close就可以,但是有的时候又会无效,之前有效时是写在组件里的,不知道是不是这个原因,没有深究。
在el-form中重置一般就是使用resetFields()方法,提交成功后使用该方法没有问题,但是关闭dialog,再次打开就还会存在上一次的数据,也无法使用resetFields()方法实现,在网络上查找到,这个方法不是将表单重置为空,而是将其重置为初始值。
于是,借鉴了公司前辈的一个写法,将表单初始数据写在外面,再在data中进行解构赋值
const initData={
name:'',
sex:'',
workplace:'',
telephone:''
}
export default{
data(){
return{
addForm:{...initData}
}
}
}
最后重置的时候在方法中写入this.addForm = {...initData} 即可置空