javascript - Element-UI el-select 验证

Question

我将 Vue 与 Element-Ui 结合使用，我的 <el-select> 上的验证触发器出现问题元素。基本上这就是 HTML 的样子

<el-form-item label="Partner" prop="partner">    
  <el-select class="dialog-select" v-model="form.partner" placeholder="Partner">
      <el-option label="Zone one" value="shanghai"></el-option>
      <el-option label="Zone two" value="beijing"></el-option>
  </el-select>
</el-form-item>

验证元素的 JS 看起来像这样

partner: [ { validator: validateInput, trigger: 'blur' } ]

我的标准<el-input>但是正在触发验证。我试图将触发器更改为 input , blur以及focus并且这些事件都没有触发。我也找不到关于它们是什么类型的触发器的任何文档。

编辑:我已经上传了一个关于这个问题的 fiddle 。验证器将触发 onSubmit，但一旦规则通过，也不会清除。

https://jsfiddle.net/k66a1gst/

Answer 1

我遇到了同样的问题，还发现它似乎并不真正支持 onBlur()，所以我用以下方法补充了我的 onChange() 验证规则:

<el-form ref="myForm">
    <el-form-item prop="fieldProp">
        <el-select @blur="validateDropdown"></el-select>
    </el-form-item>
</el-form>

validateDropdown() {
    this.$refs.myForm.validateField('fieldProp')
}

希望它不是必需的，但它对我有用。希望对某人有所帮助!