VUE表单重置报错:Error in v-on handler: "TypeError: Cannot read property 'resetFields' of undefined"解决方案
报错如下:博主遇到的问题其实说起来很羞耻......不是多么难得问题,就是<el-form-item label="用户名" props="userName">//错误写法中prop写错了,多加了个s<el-form-item label="用户名" prop="userName">//正确写法prop写错不会出现上图出现的错误,就是点击重置按钮...
·
报错如下:
博主遇到的问题其实说起来很羞耻......不是多么难得问题,就是
<el-form-item label="用户名" props="userName">//错误写法
中prop写错了,多加了个s
<el-form-item label="用户名" prop="userName">//正确写法
prop写错不会出现上图出现的错误,就是点击重置按钮没有效果也没有报错,但是一开始没想到是prop拼错了,所以改了其他代码才出现上图报错
综合网上的修改方式仍未解决,
方法一:
this.$nextTick(()=>{
this.$refs.refs名.resetFields();
})
方法二:
检查this.$refs.refs名.resetFields();的refs名和ref名是否一致(要一致才行)
方法三:(如果是组件引入)
this.$refs.refs名.resetFields();应该写在子组件里面,(原谅菜鸟一个,具体原因未知)
更多推荐
已为社区贡献1条内容
所有评论(0)