antdvue生成选择选项生成动态列表

好的，我理解了您的问题。您可以使用 antdvue 的 Select 组件来生成选择选项并创建动态列表。

首先，您需要安装 antdvue 和 vue-resource：

npm install antd-vue vue-resource

然后，在您的 Vue 组件中，您可以使用以下代码创建一个动态列表：

<template>
  <div>
    <a-select v-model="selectedOption" @change="handleChange">
      <a-select-option v-for="(option, index) in options" :value="option.value" :key="index">
        {{ option.label }}
      </a-select-option>
    </a-select>
    <ul>
      <li v-for="item in itemList" :key="item.id">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: null,
      options: [{
          label: "Option 1",
          value: "option1"
        },
        {
          label: "Option 2",
          value: "option2"
        }
      ],
      itemList: []
    };
  },
  methods: {
    handleChange(value) {
      this.selectedOption = value;
      this.fetchData(value);
    },
    fetchData(option) {
      this.$http.get(`http://your-api-url/${option}`).then(response => {
        this.itemList = response.data;
      });
    }
  }
};
</script>

在上面的代码中，我们首先创建了一个 Select 组件，它通过 v-model 双向绑定到 selectedOption 变量。我们使用 v-for 指令将选项列表动态地呈现出来，当选择的选项更改时，我们使用 @change 事件获取所选的选项值并调用 fetchData 方法。在 fetchData 方法中，我们使用 vue-resource 库发出 GET 请求来获取指定选项下的项，并在 itemList 变量中保存响应数据。最后，我们使用 v-for 指令来呈现 itemList 变量中的项目列表。

希望这可以回答您的问题。如果您有任何其他问题，请告诉我。