Question

我的代码很简单，我有一个数组，其中包含多个条目。我想循环浏览该数组，并创建一个下拉列表框，其中所有数组值都列为“选择”选项。

但是，正在创建多个下拉框，而不只是一个，我不知道为什么。每个下拉框确实具有正确的{{group}}名称，因此可以从我看到的内容中正确提取数据，只需将其放在一个选择列表中即可。

HTML：

<select class="groupContainer"  v-for="(group, id) in groupList" :key="group.id">
  <option v-bind:value="groupList[id]" class="groupValue"> {{ group }} </option>
</select>

Vue：

export default {
  name: 'AddPaste',
  data(){
    return{
      title: null,
      content: null,
      feedback: null,
      slug: null,
      groupList: []
    }

  },

Answer 1

v-for应该在option标签中，而不是select

<select class="groupContainer"  >
  <option v-for="(group, id) in groupList" :key="id"
    v-bind:value="group" class="groupValue"> 
    {{ group }} 
  </option>
</select>

Vue-html'select'标签上的v-for正在创建多个下拉框，而不是一个

1 个答案: