element清空表单

在element中有对于表单进行重置的方法{this.$refs[表单名].resetFields()}，为了达到重置的效果，可以对单个框进行重置，进入element-ui查看源码，在webstorm中ctrl+左键，发现有resetField()方法

// 清空单个输入框，最主要的是找到这个field
let fields = this.$refs[表单名称].fields
for (let i = 0; i < fields.length; i++) {
  if (fields[i].prop === prop) {
    // 通过唯一的prop属性值相同来判别是哪个输入框
    fields[i].resetField()
    break
  }
}
 

在使用表单的清空方法时，我们需要注意几个问题：

1、我们需要为每个form-item加上prop属性，要不然无法清空（大部分的问题就是出在这）

2、resetFields()方法是重置表单，重置为默认值，而不是设置为空值

3、在resetFields()方法之前，如果修改了data里的表单默认值，那么重置以后就是你修改以后的值，而不是data里的值了