如何从Vue响应中获取所有数组值

Question

我如何访问整个课程组

下面的代码给了我第一个课程数组。

<div class="form-group"  v-show="school === 'SOSE'">
      <label for="course">Course</label>
      <select class="form-control" name="course" v-model="course">
        <option v-for="(result, index) in response" :value="result.course[0].initial">{{result.course[0].name}}</option>
      </select>
    </div>

如果我使用索引，则过程将变得不确定。如何在两个数组中获取值。

用于获取数据的代码。

created() {
    axios.get(`https://${location.host}/admin/getSchool`)
      .then(resp => {
        this.response = resp.data;
        console.log(this.response);
      })
      .catch(err => {
        this.errors.push(err);
      })
  },

Answer 1

nodejs

尝试

result.forEach(function(item){
    console.log('initial: ' + item.initial);
    console.log('name: ' + item.name);
});

希望它会有用

Answer 2

您将不得不使用两个v-for，在这里我使用了template标签。

  <select class="form-control" name="course" v-model="course">
    <template v-for="result in response">
      <option v-for="course in result.course" :value="course.initial">{{course.name}}</option>
    </template>
  </select>