问题原因: mouted加载table数据以后,隐藏的弹出框并没有编译渲染进dom里面。

所以@click="dialogFormVisible = true;resetForm('dlgForm')"click弹出的时候$refs并没有获取到dom元素导致 'resetFields' of undefined

解决方法:

1、($nextTick dom下一次更新之后)

            resetForm(formName) {
this.$nextTick(()=>{
this.$refs[formName].resetFields();
})
},

2、(如果是第一次就点击新增就没必要reset, 根据元素undefined判断)

                if (this.$refs[formName] !== undefined) {
this.$refs[formName].resetFields();
}

注意事项:对DOM一系列的js操作最好都要放进Vue.nextTick()的回调函数中

05-11 14:04