element ui 下拉框的表单验证 点击空白处红字不消失

手动让红字消失

          <el-form ref="form" :model="form" :rules="rules">
            <el-form-item label="技术:" prop="name">
              <el-select v-model="form.name" @change="nameChange(form.name)">
                <el-option v-for="item in list" :label="item" :value="item"></el-option>
              </el-select>
            </el-form-item>
          </el-form>

    nameChange(val) {
      if (val != null || '') {
        this.$refs.form.validateField('name', (valid) => {
          if (valid) {
            this.$refs.form.clearValidate('name')
          }
        })
      }
    },

使用this.$refs.form.clearValidate('name')将表单项'name'清除校验