问题描述
当我加载一个在计算属性中返回ID的getter时。我尝试在一种方法中打印“ id”,当应用加载时,id值首次为空。但是,当我编辑文件并保存时,我可以看到此ID正在控制台中打印。或者当我做1秒钟的setTimeout时,我可以看到吸气剂。
这个'id'值很重要,我想作为一个全局变量来访问。我希望它在应用程序加载时访问作物ID。因为基于此值,我将进行一些api调用。
作物ID是根据api调用的结果设置的。
store.commit("setCropId",list.id);
我的vuex
state:{
crop: ""
},mutations: {
setCropId(state,value) {
state.crop = value;
}
},actions:{
actionCropId ({ commit },value) {
commit('setCropId',value)
}
},getters: {
getCropId: state => {
return state.crop;
}
}
我的Vue组件
import { mapGetters } from "vuex";
computed: {
...mapGetters([
'getCropId',])
},mounted() {
this.myCrops();
},methods: {
async myCrops() {
console.log('my crops',getCropId)
// other logic
}
}
我不知道如何使它工作。请提出建议,如果我做错了任何事情,或者在应用加载时如何立即获得吸气剂。
谢谢
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)