VUE表单重置报错 Error in v-on handler: "TypeError: Cannot read property 'resetFields' of undefined"
新增打开弹框，每次点击新增的时候重置表单。
开始使用
this.$refs[form].resetFields();
报错原因是：mouted加载数据以后，隐藏的弹出框并没有编译渲染进dom里面。所以点击新增弹出的时候$refs并没有获取到dom元素导致 ‘resetFields’ of undefined
解决办法：
上述代码换成
this.$nextTick(()=>{
this.$refs.form.resetFields();
})
VUE表单重置报错 Error in v-on handler: "TypeError: Cannot read ...
1、一定要有，ref属性和model属性。这俩个命名一定要一样 2、form的每个item加prop属性（踩了好久...
VUE表单验证报错：Error in v-on handler: "TypeError: Cannot read ...
场景在对话框关闭或者取消时要重置表单，而Vue编译不通过，网上说是因为form表单未渲染进DOM，导致找不到此表单...
因为在重置表单时，有时候为了复用dialog框，你要先重置表单，（restFiles会将表单重置为奇怪的状态，用V...
无状态组件重置表单： 一：引入 二，获取form 三，表单属性，重置事件
重置表单这个功能经常用到，于是想要把resetForm方法绑定在Vue原型上，以便通过this.resetForm...
表单重置，也就是表单项清空
知识点：this.$data 可以获取当前的data this.$options.data()可以获取组件初始化的...
重置条件 1form含有ref指向，且每个存在props，验证规则2如果data涉及（修改），传入详细展示，需放入...
本文标题：VUE表单重置报错
本文链接：https://www.haomeiwen.com/subject/ncjnmhtx.html
网友评论