文章詳情頁
javascript - vuex，getters只執(zhí)行了一次，數(shù)據(jù)更新getters的數(shù)據(jù)沒有更新
瀏覽：153日期：2023-05-06 15:40:45
問題描述
在項(xiàng)目中遇到一個(gè)問題，用vuex管理狀態(tài)和數(shù)據(jù)，actions->mutations->state 這種方式去修改state數(shù)據(jù)，getters獲取數(shù)據(jù)，組件中在computed去更新獲取的數(shù)據(jù)，問題是數(shù)據(jù)在mutations中更新，但在getters中沒有更新，而且getters只執(zhí)行了一次 是什么原因呢？
store中：
組件中：
觸發(fā)submmitForm()方法會(huì)去請(qǐng)求數(shù)據(jù)
問題解答
回答1：getters少了return
回答2：建議自己好好看一下 vuex 官方文檔吧， mutation 改變的是 state 的一個(gè)屬性， 不是直接改變 state 本身的
回答3：問題解決了，有幾種方案，一個(gè)是用mapState,一個(gè)是把這個(gè)
改為賦值形式
@Msevensun 我現(xiàn)在情況和你一樣 但是我用了mapState為什么 打印的還是初始給的數(shù)據(jù)而不是異步過來更改過的數(shù)據(jù)啊
標(biāo)簽：
JavaScript
上一條：javascript - Jquery焦點(diǎn)圖淡入淡出效果求指教下一條：javascript - html中select怎么根據(jù)后臺(tái)傳來的值選中不同的選項(xiàng)值
相關(guān)文章：
1. javascript - vuex的mapState與其它c(diǎn)omputed屬性共存的正確寫法是？2. javascript - VUEX如何配合webpack使用熱重載？如何實(shí)現(xiàn)CSS熱重載？3. javascript - vuex store.watch()是什么意思4. javascript - Vuex 實(shí)例名稱只能是store嗎5. javascript - vuex當(dāng)中state通過mapState映射到computed后，原來的計(jì)算屬性要怎么寫呢？6. javascript - vuex中子組件無法調(diào)用公共狀態(tài)7. javascript - vuex ...mapActions 報(bào)錯(cuò)8. javascript - vuex 參數(shù)解構(gòu)的問題9. javascript - vuex 參數(shù)綁定問題求解10. javascript - vuex報(bào)錯(cuò) this.$store.dispatch is not a function，怎么解決？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備