Javascript VUE使用组件中的状态Axios数据和另一个Axios函数
我创建了一个Vue状态:(components.js) 如果您登录到应用程序,将立即执行此操作。然后,我想在SalesTable.vue组件中使用此数据 这也进展顺利。在SalesTable.vue中,我使用一个新的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
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;iESApiService.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;
},