vue.js - vue 表单验证，关于 trigger: 'blur'，trigger: "change" 和 validator 之间有什么关联？

Question

项目升级，原来的选择器需要改为支持多选，所以页面绑定的值也就由字符串变成了字符串数组，

但是表单验证规则不变，之前的单选是必选项，现在的多选也要至少选择一项。

所以需要自定义验证规则，将原配置项中的 required: true 改为了 validator:validatorFun,

validatorFun 如下：

  data() {
    const validatorFun=(rule, value, callback)=>{
      if(value && value.length!=0){  callback() }
      else{ callback(new Error()) }
    }
    return {
        ......

但是改完之后就出问题了，没改之前，这条规则的 trigger 值为 ‘change’ 是，刚打开页面是不会提示验证失败信息的，只有修改了内容，或者直接点提交 (this.$refs['form'].validate) 才会验证。但是改成数组之后，我只要打开页面就会爆出验证失败的消息，但是在这之前，代码里并没有修改数组。

又将 trigger 的值改为 ‘blur’ 后，虽然打开页面的时候不会报提示消息，但是我选择器失焦的时候也不会验证了，只有提交的时候才会验证。

我在 validatorFun 方法体内加 debugger 测试也是，trigger：‘blur’ 时，失焦不会被执行，trigger : ‘change’ 时，页面刚打开就被执行了。这是怎么引起的？该如何解决？

Answer 1

多选时，选择器v-model绑定的初始属性要改成空数组，例如：[]