element清空单个输入框

起因：

在项目中改变选择下拉框的值时，重置旁边的输入框，如下图。但由于输入框具有验证规则（trigger:change），若只是简单的将其值置为null或“”，就会触发验证。

解决办法：

在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
  }
}