首頁猿問 vuex相關：如果數(shù)據(jù)從服務器獲取...

vuex相關：如果數(shù)據(jù)從服務器獲取，并且經(jīng)過運算才進入state，應該怎么寫？

JavaScript

瀟湘沐 2019-07-06 23:01:20

如果從服務器獲取了一個list，然后這個list又經(jīng)過了本地js的加工，才成為能用的新list，然后我想賦值給vuex的state，應該怎么寫？是在App.vue的onLaunch寫運算過程，然后賦值給state？還是在index.vue里寫？還是寫在mutations里？

查看完整描述

2 回答

絕地無雙

TA貢獻1946條經(jīng)驗獲得超4個贊

先定義一個state叫l(wèi)ist吧.mutations里寫一個mutation,比如方法名為setApplist,函數(shù)內(nèi)給list賦值組件內(nèi)通過this.$store.$commit('setApplist',data)把data傳給state上的list具體放在index.vue還是app.vue的看你自己的業(yè)務需求才進行劃分,思路就是這樣,并不復雜哦

反對回復 2019-07-06

蝴蝶不菲

TA貢獻1810條經(jīng)驗獲得超4個贊

我想可以用計算屬性，代碼如下:computed:{list(){letsetData=data;//data就是處理過后的數(shù)據(jù)this.$store.state.setData=setData;returnsetData;}}也可以用監(jiān)聽。這是一種直接設置的辦法，當然也可以用mutations，例如這么定義一個函數(shù):addImgList(state,userList){state.imgList=userList},在你的組件中，你可以先引入:...mapMutations(['addImgList']);在某個事件或者方法內(nèi)去調(diào)用://參數(shù)就是你新處理后的數(shù)據(jù)this.addImgList(newData);當然或許還有其他方式。