vuex的結(jié)構(gòu)是這樣的export default new Vuex.Store({ state:{
projects:[],
},
getters:{
getAllProjs(state){
return state.projects;
},
getProjectNamesById(state){
return state.projects.map( proj => proj.name )
}
},
mutations:{
pushProjectsToStore(state,data){ state.projects = data;
},
},
actions:{
pushProjectsToStore(){
}
}
})父組件創(chuàng)建時(shí)beforeCreate(){ this.$queryProject().then( res => this.$store.commit('pushProjectsToStore',res.data) )
},子組件實(shí)例化時(shí)mounted () { // 獲取項(xiàng)目信息
this.projects = this.$store.getters.getAllProjs; this.projectNamesById = this.$store.getters.getProjectNamesById;
},然后現(xiàn)在有個(gè)問(wèn)題，getAllProjs執(zhí)行時(shí)機(jī)是在pushProjectsToStore之前，所以拿不到數(shù)據(jù)，請(qǐng)問(wèn)如何解決
2 回答
ABOUTYOU
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
computed: {
...mapGetters(["getAllProjs","getProjectNamesById"])
},
watch:{
getAllProjs(newVal,oldVal){
console.log('vuex 中上一次的值',oldVal);
console.log('vuex 中更新后的值',newVal);
},
getProjectNamesById(newVal,oldVal){
}}
- 2 回答
- 0 關(guān)注
- 1446 瀏覽
添加回答
舉報(bào)
0/150
提交
取消