【后台】使用vue 已进入请求数据，但却先渲染再请求，不知道为什么

Question

在mounted里请求接口

请求的方法

执行结果

竟然是先报错，然后输出的2再掉的接口，怎么先走接口

Answer 1

mounted钩子 是当你的页面渲染完成之后 再去请求数据

而且你的this.loading 会先于两个接口执行
因为你的两个.then 操作是异步请求

async getStatistics()(
this.leftObj = await JSON.parse(seles.xxxx).dataObj||{} (不要.then)
this.rightObj = await JSON.parse(seles.xxxx).dataObj||{} (不要.then)

this.loading = false

Answer 2

还是不行

Answer 3

你先排查下你的问题 distributorNum 报错解决掉
然后再 用async await 的方式获取下数据

Answer 4

这个报错就是因为接口还没请求，数据已经渲染完了，这个属性是接口返回的那个属性