位置:- 正文

解决Cannot read properties of undefined (reading ‘resetFields‘)(解决中暑最有效方法)

编辑:rootadmin
解决Cannot read properties of undefined (reading ‘resetFields‘)

推荐整理分享解决Cannot read properties of undefined (reading ‘resetFields‘)(解决中暑最有效方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:解决掉发的有效方法,解决掉发的有效方法,解决的英文,解决的英文,解决烧心最快方法,解决的英文,解决烧心最快方法,解决烧心最快方法,内容如对您有帮助,希望把文章链接给更多的朋友!

第一天做项目中遇到了这一个问题关于resetField重置校验报错的问题,

然后去网上查找问题的原因,但是找到问题的原因是:mouted加载table数据以后,隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件,Dialog 弹出的时候,$refs 并没有获取到 dom 元素导致 ‘resetFields’ of undefined,可是不明白为什么用this.$nextTick 将回调延迟到下次DOM更新循环之后执行还是报错?

resetField:对该表单项进行重置,将其值重置为初始值并移除校验结果

解决Cannot read properties of undefined (reading ‘resetFields‘)(解决中暑最有效方法)

问题:无法读取未定义的属性resetFields()

解决:根据Element.ui文档发现

1.确保数据绑定和ref中的字段要一致

:model="ruleForm"

ref="ruleForm"

2.对按钮重置绑定

@click="resetForm('ruleForm')"

3.

methods: { //点击重置按钮,重置登录表单 resetLoginForm(formName) { this.$refs[formName].resetFields(); }, },

然后看Element.ui文档根据上面终于得到了解决

本文链接地址:https://www.jiuchutong.com/zhishi/283660.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/283661.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络