VeeValidate 验证数组

对于数组的验证，可以使用 VeeValidate 提供的 `array` 规则。例如，如果要验证一个名字数组，可以使用以下规则：

<template>
  <div>
    <input type="text" v-model="name" placeholder="请输入名字">
    <button @click="addName">添加名字</button>
    <ul>
      <li v-for="(item, index) in names" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      names: []
    }
  },
  methods: {
    addName() {
      this.$validator.validate().then(valid => {
        if (valid) {
          this.names.push(this.name)
          this.name = ''
        }
      })
    }
  },
  validations: {
    name: {
      required
    },
    names: {
      array: {
        min: 1,
        message: '请至少添加一个名字'
      }
    }
  }
}
</script>

在上面的示例中，我们定义了一个 `names` 数组，并在添加名字时使用 `this.$validator.validate()` 方法来验证表单数据。其中，我们使用了 `array` 规则来验证 `names` 数组是否至少包含一个元素。如果验证失败，将显示自定义的错误消息。