How to get all the array values from vue response

Question

How do i access the full course array

the code below gives me the first course array.

<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>

if i use the index, course becomes undefined. How do i get values in both arrays.

Code for fetching data.

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

Crackers · Accepted Answer · 2018-07-17 08:46:42Z

1

You will have to use two v-for here I used the template tag for it.

  <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>

answered Jul 17, 2018 at 8:46

Crackers

1,1257 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

samynmhd Over a year ago

It worked like a charm; spent more than 3 hours on this. A heavy load of my head. Thanks

Chanh · Accepted Answer · 2018-07-17 08:42:18Z

0

nodejs

try

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

Hope it will be useful

answered Jul 17, 2018 at 8:42

Chanh

4354 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to get all the array values from vue response

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related