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，并且这些事件都没有触发。我找不到任何关于它们是什么类型的触发器的文档。

编辑：我上传了一个问题小提琴。验证器将触发onSubmit，但一旦规则通过，也将无法清除。

https://jsfiddle.net/k66a1gst/

Answer 1

我找到了此元素的正确触发器，它是change触发器。日期等内容也需要{{1}}触发器。但是，当它跳过它时，它不会向你抛出验证错误。

Answer 2

我遇到了同样的问题，并且发现好像并没有真正支持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')
}

希望没必要，但是对我有用。希望能帮助到某人！

Element-UI el-select验证

2 个答案: