本例子表单为dialog形式出现,dialogFormVisible为父组件传来的控制表单显示的值,
通过watch监视,如果显示,调用表单重置方法resetvalidate();
子组件结构中有ref属性为'userAdd'
export default{
methods:{
resetvalidate(formName){
if(this.$refs[formName]!==undefined){
this.$refs[formName].resetFields();//如果只是清除表单验证用 this.$refs[formName].clearValidate();
}
},
},
watch: {
dialogFormVisible(val) {
this.myFormVisible = val;
if(val){
this.resetvalidate('userAdd')
}
},
myFormVisible(val){
this.$emit('addsubmit',val)
}
},
props:['dialogFormVisible']
}