Vuex的getters中的forEach方法傳回單一值而非多個值
P粉904191507
P粉904191507 2024-03-31 23:43:14
0
1
434

我有一個購物車,它是一個產品數組,我想要訪問購物車中的每個名稱。 我在getters中有一個forEach函數,但它只回傳一個名稱。我嘗試了.map(),但它傳回另一個數組,我需要多個字串值。你能幫忙嗎?

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

全部回覆(1)
P粉792026467

這是因為您只回傳了oneItem(讓我猜猜,它也是state.cart陣列中的最後一個項目嗎?)

您可以嘗試使用.join()來將項目連接在一起。

假設您想要使用, 來連接項目,您可以嘗試

setTitle: state => state.cart.map(item => item.ropeTitle).join(', ')
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!