Javascript VUE使用组件中的状态Axios数据和另一个Axios函数

Javascript VUE使用组件中的状态Axios数据和另一个Axios函数,javascript,vue.js,Javascript,Vue.js,我创建了一个Vue状态:(components.js) 如果您登录到应用程序,将立即执行此操作。然后,我想在SalesTable.vue组件中使用此数据 这也进展顺利。在SalesTable.vue中,我使用一个新的Axios调用来获取另一个不需要存储在状态中的数据集 methods: { async loadTable () { await this. $ store .dispatch (SALES) let

我创建了一个Vue状态:(components.js)

如果您登录到应用程序,将立即执行此操作。然后,我想在SalesTable.vue组件中使用此数据

这也进展顺利。在SalesTable.vue中,我使用一个新的Axios调用来获取另一个不需要存储在状态中的数据集

 methods: {
         async loadTable () {
         await this. $ store
          .dispatch (SALES)
            let tableName = 'SalesTable';
            var components = this.getComponents;
            var sales = this.getSales;
            var i;
          
            for (i = 0; i <components.length; i ++) {
              if (components [i] .name == tableName) {
                var structure = components [i];
              }
            }

            var jsonData = {};
            jsonData.structure = structure;
            jsonData.data = sales;
            this.structureTable = jsonData;
            this.dynamicComponent = Tables;
      },
方法:{
异步加载表(){
等着吧。$商店
.派送(销售)
让tableName='SalesTable';
var components=this.getComponents;
var sales=this.getSales;
var i;

for(i=0;i
ESApiService.get()
已显示为返回承诺。无需将其包装为新的“
this.$store
”@Phil抱歉,这是一个错误。它是:$store of course。问题是,当我在SalesTable.vue中调用函数loadTable时,有时在状态中发生的Axios调用还没有准备好。我想确保在启动函数loadTable之前,Axios调用(状态已设置)已完全完成。
 methods: {
         async loadTable () {
         await this. $ store
          .dispatch (SALES)
            let tableName = 'SalesTable';
            var components = this.getComponents;
            var sales = this.getSales;
            var i;
          
            for (i = 0; i <components.length; i ++) {
              if (components [i] .name == tableName) {
                var structure = components [i];
              }
            }

            var jsonData = {};
            jsonData.structure = structure;
            jsonData.data = sales;
            this.structureTable = jsonData;
            this.dynamicComponent = Tables;
      },