Heim  >  Fragen und Antworten  >  Hauptteil

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

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粉904191507P粉904191507185 Tage vor388

Antworte allen(1)Ich werde antworten

  • P粉792026467

    P粉7920264672024-04-01 10:31:41

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

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

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

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

    Antwort
    0
  • StornierenAntwort