vue吸气剂未在应用启动时首次加载,仅在之后加载

问题描述

当我加载一个在计算属性中返回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 (将#修改为@)