Die forEach-Methode in den Gettern von Vuex gibt einen einzelnen Wert anstelle mehrerer Werte zurück

Question

Ich habe einen Warenkorb mit einer Reihe von Produkten und möchte auf jeden Namen im Warenkorb zugreifen. Ich habe eine forEach-Funktion in Gettern, die jedoch nur einen Namen zurückgibt. Ich habe .map() ausprobiert, aber es gibt ein anderes Array zurück und ich benötige mehrere Zeichenfolgenwerte. kannst du helfen?

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(', ')