/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

0 vote137 views1 answer
Vue event two parameter with e
Javascript Vue
8 votes132 views3 answers
Vue redirect to route
Javascript Vue
5 votes132 views3 answers
Vue select option v-for selected
Javascript Vue
0 vote128 views1 answer
Inertia-link vuetify
Javascript Vue
-1 vote149 views1 answer
Vue resources post
Javascript Vue
1 vote131 views1 answer
How to detect props change in vue
Javascript Vue
1 vote138 views1 answer
Vue js copy text to clipboard
Javascript Vue
-1 vote119 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
3 votes134 views5 answers
Vue js count down timer
Javascript Vue
0 vote159 views2 answers
Vuejs slots events
Javascript Vue