/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

2 votes185 views1 answer
Vue local storage delete
Javascript Vue
0 vote197 views1 answer
Vue js qr code scanner
Javascript Vue
3 votes177 views3 answers
Cors header missing vue api gateway
Javascript Vue
2 votes204 views2 answers
Access data out of Axios .then vue.js
Javascript Vue
3 votes198 views2 answers
Countdown using vue
Javascript Vue
0 vote200 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote198 views1 answer
Vuejs take rgba values from coordinate
Javascript Vue
1 vote214 views1 answer
Vue dynamic route push with params
Javascript Vue
0 vote158 views1 answer
Dateformat filter vue
Javascript Vue
0 vote194 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue