Die forEach-Methode in den Gettern von Vuex gibt einen einzelnen Wert anstelle mehrerer Werte zurück
P粉904191507
P粉904191507 2024-03-31 23:43:14
0
1
502

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
        },
}
}

P粉904191507
P粉904191507

Antworte allen(1)
P粉792026467

这是因为您只返回了oneItem(让我猜猜,它也是state.cart数组中的最后一个项目吗?)

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

假设您想要使用, 来连接项目,您可以尝试

setTitle: state => state.cart.map(item => item.ropeTitle).join(', ')
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage