v-decorator与 v-for结合

v-decorator是Ant Design Vue中的一个指令，用于对表单进行校验和数据绑定。而v-for是Vue.js中的一个指令，用于循环渲染列表。

当v-decorator与v-for结合使用时，通常是在表单中需要循环渲染多个输入项的情况下。我们可以通过v-for指令循环遍历一个数组，并在每次循环中使用v-decorator指令来绑定每个输入项的校验规则和数据绑定。

具体的实现步骤如下：
1. 在data中定义一个数组，用于存储每个输入项的数据。
2. 使用v-for指令循环遍历数组，在每次循环中创建一个输入项。
3. 在每个输入项上使用v-decorator指令，设置校验规则和数据绑定。

示例代码如下：

<template>
  <a-form :form="form">
    <a-form-item v-for="(item, index) in items" :key="index" :label="'Item ' + (index + 1)">
      <a-input v-decorator="['items.' + index, { rules: [{ required: true, message: 'Please input item' }] }]" />
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      form: this.$form.createForm(this),
      items: ['Item 1', 'Item 2', 'Item 3']
    };
  }
};
</script>

在上面的示例中，我们使用v-for指令循环遍历items数组，并在每次循环中创建一个输入项。然后使用v-decorator指令将每个输入项与表单进行绑定，并设置校验规则。