Error in v-on handler: “TypeError: Cannot read property ‘resetFields‘ of undefined“

解决方法：对话是一个虚拟dom,visible!==true之前，dom未挂载在根节点上，此时refs的

原因：对话框表单未挂载到根节点上，导致无法识别resetFields方法

解决方法：

1.resetfileds方法无法使用，让对话框完全开启后再使用resetfileds方法

this.visible = true;

(this.$refs.ruleForm as any).reserFields(); //ts语法，js可去掉类型转换

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

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

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

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

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