el-form交验数组不为空

在Ant Design Vue的`el-form`组件中，如果你需要对数组字段进行非空验证，你可以通过设置表单验证规则(`rules`)来实现。对于一个名为`items`的数组字段，你可以这样做：

<template>
  <el-form :model="formData">
    <el-form-item label="数组字段" prop="items">
      <el-input v-model="formData.items" placeholder="请输入数组内容"></el-input>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        items: [] // 初始化为空数组
      }
    };
  },
  validations: { // 定义验证规则
    items: { // 对items属性进行验证
      required: true, // 非空验证
      validator: (rule, value, callback) => {
        if (!Array.isArray(value)) {
          callback(new Error('请输入一个数组'));
        } else if (value.length === 0) {
          callback(new Error('数组不能为空'));
        } else {
          callback(); // 如果所有项都满足条件，则验证通过
        }
      }
    }
  }
};
</script>

在这个例子中，我们设置了`required`规则，表示数组不能为空，并自定义了一个`validator`函数，在回调中检查数组是否为空。如果验证失败，会触发错误提示。