如何循環 Vuex 商店中的項目
P粉513318114
2023-09-11 23:38:31
0
1
526
這是我在 Vue 開發工具中的商店：
這是我的 Vue 元件：
{{ product.brand }}
如果我使用這個：
{{allProducts}}
我得到了所有產品。
但是當嘗試用這個迴圈時：
{{ product.brand }}
不顯示。
請問我該怎麼辦？
allProducts是具有屬性products的對象，因此為了循環產品，請嘗試product in allProducts.productsconst app = Vue.createApp({ data() { return { allProducts: { products: [ {brand: 'aaa'}, {brand: 'bbb'} ] } }; }, }) app.mount('#demo')