Vuex getters forEach returns 单个值而不是多个

Question

我有一个购物车，它是一系列产品，我正在尝试访问购物车中的每个名称。我在 getters 中有 forEach 函数，但它 returns 只有一个名字。我有 tried.map() 但它 returns 另一个数组，我需要多个字符串值。你能帮忙吗？

let cart = window.localStorage.getItem('cart')

const store = createStore({
    state: {
        
        cart: cart ? JSON.parse(cart) : [],
        

    },


 getters: {
   setTitle: state =>{
           let oneItem=''
            state.cart.forEach((item)=>{
                oneItem=item.ropeTitle
            })

            return oneItem
        },
}
}

Answer 1

这是因为您只返回了 oneItem（让我猜猜，它也是 state.cart 数组中的最后一项？）

您可以尝试使用 .join() 将项目连接在一起。

假设您想通过 , 加入项目，您可以尝试

setTitle: state => state.cart.map(item => item.ropeTitle).join(', ')

Vuex getters forEach returns 单个值而不是多个

Vuex getters forEach returns single value instead of multiple

vue.js

vuex