1、($nextTick dom下一次更新之后) resetForm(formName) {this.$nextTick(()=>{this.$refs[formName].resetFields(); }) }, 2、(如果是第一次就点击新增就没必要reset, 根据元素undefined判断) if(this.$refs[formName] !==undefined) {this.$refs[formName].resetFields(); } 注意事项:对DOM一系列...
mouted加载table数据以后,隐藏的弹出框并没有编译渲染进dom里面。click弹出的时候$refs并没有获取到dom元素导致 'resetFields' of undefined。 解决方案: 如果是第一次就点击新增就没必要reset, 根据元素undefined判断 resetForm() {if(this.$refs.userEditRef !==undefined) {this.$refs.userEditRef.resetFields()...
resetfileds是重置将form重置到初始值,而不是重置为空 问题描述:使用弹窗编辑表单后,点击关闭弹窗调用resetFields()方法重置表单初始值;然后打开新增表单,发现表单回显了上次编辑的值,也就是resetFields()重置表单失效 问题原因:编辑表单时,第一次打开dialog的时候因为要回显数据(一般是接口返回的数据),所以给表单绑定的...
element ui的form表单的resetFields方法 使用后后台会报错,是因为用了$rfefs。这个是dom渲染后才有的。所以需要在nextTick里面用这个方法。 nextTick、应用场景 下面了解下nextTick的主要应用的场景及原因。 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中 在created()钩子函数执...
之所以最初this.$refs[formName].resetFields()没有效果,是因为遗漏了prop属性,加上prop属性后就会生效!!! 本文参与腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
resetFields(); }, removeDomain(item) { var index = this.dynamicValidateForm.domains.indexOf(item) if (index !== -1) { this.dynamicValidateForm.domains.splice(index, 1) } }, addDomain() { this.dynamicValidateForm.domains.push({ value: '', key: Date.now() }); } } } 修复 代码...
this.$refs[formName].resetFields(); } } 通过判断对象,来避免错误(因为只有在新增数据会resetFields,但实际上第一次点击新增按钮是不需要执行resetFields的。而之后也不会报错了,所以这个解决方案刚好适合我) 网上有另一个解决方案,但是我试了一下不行 ...
在用表单进行新增后需要清空以便于下一次的新增数据 但是现在resetFields的方法用在方法体里面时总是报错一开始用的是但是也是报错这是怎么回事之后表单是动态的表单 不是静态的 element-ui 有用关注4收藏 回复 阅读2.9k 4 个回答 得票最新 Raymond 4.3k42863 发布于 2020-06-30 ...
在用表单进行新增后需要清空以便于下一次的新增数据 但是现在resetFields的方法用在方法体里面时总是报错一开始用的是但是也是报错这是怎么回事之后表单是动态的表单 不是静态的 element-ui 有用关注4收藏 回复 阅读2.9k 4 个回答 得票最新 Raymond 4.3k42863 发布于 2020-06-30 ...