/Javascript/Vue/Vuejs list items from axios

Vuejs list items from axios

<ul>
    <li v-for="food in foods">
        <h2>{{food.name}}</h2>
        <ul>
              <li v-for="nutrient in food.nutrients">{{nutrient.nutrient_id}}</li>
        </ul>
    </li>
</ul>


axios.get(url).then(response => { 
    this.foods = response.data.report.foods
})

Source: stackoverflow.com

Similar codes

1 vote203 views1 answer
How get first option in select in vue js
Javascript Vue
1 vote208 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote205 views2 answers
Vuelidate require if
Javascript Vue
0 vote216 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote222 views1 answer
Await vuex dispatch true
Javascript Vue
7 votes267 views2 answers
Vue watch handler
Javascript Vue
1 vote240 views2 answers
Ngrok live port vue js
Javascript Vue
1 vote217 views1 answer
Vuex getters
Javascript Vue
0 vote208 views1 answer
Vuejs form prevent default event
Javascript Vue
3 votes220 views1 answer
Filter array in vuex
Javascript Vue