首先,确保你使用的ElementUI版本支持resetFields方法。resetFields方法通常用于将表单内的字段重置为初始值或默认值。检查你的ElementUI版本是否是最新的,或者至少是一个支持该方法的版本。 2. 检查resetFields是否在正确的Vue组件实例上调用 确保resetFields是在包含<el-form>组件的Vue实例上被调用的。如果resetFields...
其次，表单项的el-form-item标签需要设置prop属性，且该属性值应与input框绑定的属性保持一致，否则方法可能无法正确作用。 当在vuex中管理多个相似表单时，即使正确设置了ref和prop，如果表单状态不一致（如新建与编辑），也可能导致resetFields()失效，因为这时表单的初始状态可能不为空。element-ui官方文...
1、使用 resetField() 之前 el-form 一定要加 ref 属性2、表单项 el-form-item 没有添加 prop 属性,同时 prop 属性值需与表单项的 v-model 保持一致3、resetFields() 是将表单项重置为初始值,而这个初始值是在 Vue mounted 时赋值上去的,如果在这之前对表单进行了赋值,则初始值会改变(例如 created 时),...
element-ui的官方文档: 当我们第一次打开Dialog,紧接着设置回显,因为Dialog还没执行完毕,这时form的初始值会被设置为回显的值,所以在调用this.$ref['form'] .resetFields()时form看起来没有重置。 解决: 在设置回显值的时候,不要直接赋值,在外边加上setTimeout或者this.$nextTicknextTick的官方解释 eidt:function...
</el-form> 1. 2. 3. 4. 5. 3.还有一个经常出现这种问题的场景是,当使用vuex的时候,新建表单与编辑表单复用,此时上述属性跟方法都添加了也无法达到清除表单的效果。 此时我们再重新看一下element-ui的官方文档 重点:resetField()方法不是将表单重置为空,而是重置为初始值 ...
我在一个弹框里有一个form表单,用于增加页面内容。点击取消按钮本身form里的内容都清空才对。使用了this.$refs['addServiceForm'].resetFields()不起作用。console出来console.log(this.$refs['addServiceForm'].resetFields());居然是undefined。 title="新建服务" :visible.sync="addServiceDialogVisible" width=...
出现resetFields方法不起作用的情况如下: 1.当新增和编辑都同用一个弹窗实现的时候,此时无法达到清除表单的效果。 查看官网地址介绍,注意:resetField()方法不是将表单重置为空,而是重置为初始值 而这个初始值是如何定义的呢? 我尝试了一下,初始值的定义应该为第一次打开弹窗的值。换句话说,如果是打开新建的表单,...
解决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 ...