异步请求数据,但是生命周期函数也是异步的,怎么才能保证渲染之前就能拿到数据呢?

官方给了两种方案,

 

我们可以在异步获取数据的时候加上一个loading表示现在在获取数据.....

由于ajax是异步操作,vue不能保证在渲染之前拿到数据,vue能做的是初始化页面隐藏,拿到数据再显示。

根据需求,我们可以在created,beforeCreate的时候调用接口获取数据,在成功拿到数据之后的回调函数里面,控制页面显示,这样可以最大程度上避免页面跳动的问题。这样渲染和请求是异步的,等到请求回来之后再把页面放出来(v-if)。

转载于:https://www.cnblogs.com/jialun-Online/p/11107389.html

Logo

前往低代码交流专区

更多推荐