vue中form表单resetFields部分字段不生效

发表于 阅读次数： 本文字数： 290 阅读时长 ≈ 1 分钟
前言

最近刚入门vue，在开发时遇到个问题，就是在调用resetFields方法后部分字段没有重置为默认值，默认值声明都是一样的，prop属性也都有，但是就是不生效，下面记录一下

解决

一般这种的可能有几个原因

  • el-form-item的prop属性缺失或属性值 不等于 字段名称
  • 表单项本身就有默认值
  • 表单数据绑定时未使用$nextTick函数（resetFields 重置到挂载前的数据）
  • 未显示的表单项无法重置
  • 已禁用的表单项无法重置

所以问题很明显了，我的有的是禁用了，有的是用了v-if判断是否显示了，所以导致无法重置，所以在调用resetFields方法时可以手动把不能重置的字段手动重置一下