vuex的结构是这样的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(){ } }})父组件创建时beforeCreate(){
this.$queryProject().then( res => this.$store.commit('pushProjectsToStore',res.data) )
},子组件实例化时mounted () {
// 获取项目信息
this.projects = this.$store.getters.getAllProjs;
this.projectNamesById = this.$store.getters.getProjectNamesById;
},然后现在有个问题,getAllProjs执行时机是在pushProjectsToStore之前,所以拿不到数据,请问如何解决
2 回答
慕尼黑5688855
TA贡献1848条经验 获得超2个赞
computed: {
...mapGetters(["getAllProjs","getProjectNamesById"])
},
watch:{
getAllProjs(newVal,oldVal){ console.log('vuex 中上一次的值',oldVal); console.log('vuex 中更新后的值',newVal); }, getProjectNamesById(newVal,oldVal){ }
}
添加回答
举报
0/150
提交
取消