输入框本身有自己的验证规则，但是有时候在切换选项等操作后输入框并不会实时的进行验证更新，可能已经符合规则了，但他还是提示错误信息。

点击顶部radio切换时候，实际已经满足规则，但还是提示已存在，需要手动在输入框内点击，再点击空白区域，输入框失焦一次后才能触发更新

      <el-form ref="form" :model="form" :rules="rules" label-position="top">  //form表单
        <el-row :gutter="30">
          <el-col :xs="16" :sm="16" :md="12" :lg="12">
            <el-form-item
              :label="$t('internationalResources.resourcesKey')"
              prop="resourcesKey"
              key="resourcesKey"
            >
                //需要更新校验规则的input框
              <el-input 
                v-mtfocus
                v-model="form.resourcesKey"
                :placeholder="this.$t('placeholder.input')"
                clearable
                maxlength="32"
              />
            </el-form-item>
          </el-col>
        </el-row>
       </el-form>


<script>
    this.$refs.form.validateField("resourcesKey");  //使用这个方法
             //这个是表单的ref名      这个是input框prop名
</script>

<el-input clearable @clear="handleClear('queryForm','propname')" v-model="queryForm.propname" ></el-input>