如何循环 Vuex 商店中的项目
P粉513318114
2023-09-11 23:38:31
0
1
524
这是我在 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')