VUE表单重置报错:Error in v-on handler: "TypeError: Cannot read property 'resetFields' of undefined"解决方案

报错如下:

VUE表单重置报错:Error in v-on handler:

博主遇到的问题其实说起来很羞耻......不是多么难得问题,就是

//错误写法

中prop写错了,多加了个s

//正确写法

prop写错不会出现上图出现的错误,就是点击重置按钮没有效果也没有报错,但是一开始没想到是prop拼错了,所以改了其他代码才出现上图报错

综合网上的修改方式仍未解决,

方法一:

this.$nextTick(()=>{

   this.$refs.refs名.resetFields();

})

方法二:

检查this.$refs.refs名.resetFields();的refs名和ref名是否一致(要一致才行)

方法三:(如果是组件引入)

this.$refs.refs名.resetFields();应该写在子组件里面,(原谅菜鸟一个,具体原因未知)

 

 

你可能感兴趣的:(前端)