针对你提出的elementui resetFields不生效的问题,下面我将从几个方面进行分析和解答,并附上相应的代码片段以佐证我的回答。 检查resetFields方法是否在正确的Vue实例上调用: resetFields方法是Element UI中<el-form>组件的一个方法,它需要在该表单组件的Vue实例上调用。确保你是在<el-form>组件的ref属...
其次,表单项的el-form-item标签需要设置prop属性,且该属性值应与input框绑定的属性保持一致,否则方法可能无法正确作用。 当在vuex中管理多个相似表单时,即使正确设置了ref和prop,如果表单状态不一致(如新建与编辑),也可能导致resetFields()失效,因为这时表单的初始状态可能不为空。element-ui官方文...
element-ui的官方文档: 当我们第一次打开Dialog,紧接着设置回显,因为Dialog还没执行完毕,这时form的初始值会被设置为回显的值,所以在调用this.$ref['form'] .resetFields()时form看起来没有重置。 解决: 在设置回显值的时候,不要直接赋值,在外边加上setTimeout或者this.$nextTicknextTick的官方解释 eidt:function...
element-ui 表单重置 this.$refs[formName].resetFields()方法不起作用的解决方法: 现象一:新增和修改用同一个弹窗 解决办法:将回显数据放到 setTimeout 或者 nextTick 里面 现象二: 新增编辑同一个表单,新增时,先校验企业的业务,如果不符合需要先编辑然后再新增,此时的“点我编辑”和表格的“编辑”用的同一个...
此时我们再重新看一下element-ui的官方文档 重点:resetField()方法不是将表单重置为空,而是重置为初始值 所以当我们打开新建表单的时候,表单项绑定的属性值为空,在提交表单后,表单项绑定的值不为空,此时再打开新建表单是会有上一次的值出现,此时resetField()方法是无法清空表单的,因为在这次操作的时候,属性初始值...
出现resetFields方法不起作用的情况如下: 1.当新增和编辑都同用一个弹窗实现的时候,此时无法达到清除表单的效果。 查看官网地址介绍,注意:resetField()方法不是将表单重置为空,而是重置为初始值 而这个初始值是如何定义的呢? 我尝试了一下,初始值的定义应该为第一次打开弹窗的值。换句话说,如果是打开新建的表单,...
使用了this.$refs['addServiceForm'].resetFields()不起作用。console出来console.log(this.$refs['addServiceForm'].resetFields());居然是undefined。 title="新建服务" :visible.sync="addServiceDialogVisible" width="400px"> 名称 简称 确定 取消 cancleAddService(){ this.resetForm('addServiceForm'); /...
解决Vue element-ui resetFields重置方法无效问题 1: 表单必须加 ref='', :model='' 2: 需要重置的表单 el-form-item 加 prop属性,并且prop属性的值必须和数据双向绑定的值 最后面保持一致
你最好再仔细看一下elementui,官方文档,resetFields清理的是你在el-form-item上绑定的prop属性字段,如果有rules验证,resetFields清理的也是prop绑定的字段 有用1 回复 韩璐璐: 我给的el-form-item加的prop,, 子集的select 我记得加过,好像也不行 一会我再试试看 回复2018-12-26 ...