How to loop items in Vuex store-PHP Chinese Network Q&A

{{product.brand}} How to loop items in Vuex store-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

How to loop items in Vuex store

P粉513318114 2023-09-11 23:38:31

536

This is my store in Vue dev tools:

This is my Vue component:

If I use this:

{{allProducts}}

I got all the products.

But when trying to use this loop:

 {{ product.brand }}

Do not show.

Can you tell me what to do?

P粉513318114

reply all (1)

P粉5369091862023-09-12 13:12:45 1 floor

allProductsis an object with propertyproducts, so in order to loop over products tryproduct in allProducts.products

const app = Vue.createApp({ data() { return { allProducts: { products: [ {brand: 'aaa'}, {brand: 'bbb'} ] } }; }, }) app.mount('#demo')

   {{ product.brand }}

Like+0

Add Reply

Php8, I'm coming too