element表单验证重置
给form加一个ref属性,然后在取消事件里面写this.refs[‘refname’].resetFields(),也能达到效果
监听弹框开关比较合理,如下:
问题描述:点击打开弹窗时,element表单提供的清空表单方法resetFields()会报错
问题产生原因:由于element组件dialog打开有延时,导致form表单未生成就调用了方法,所以找不到dom元素自然就报错了。
解决方法:监测弹框的打开和关闭,异步执行form上的方法
watch: {
dialogFormVisible(val){
!val&&setTimeout(() => {
this.$refs[‘createForm’].resetFields();
}, 0);
}
},