uni 页面加载完毕_uniapp小程序如何等待数据回来才加载页面?

在app.vue中onLaunch请求, 但是要等待数据回来才加载页面, 这个如何控制, 比如: vue 可以在上级路由加v-if 请求完成判断,

但是uni-app 这种如何控制呢?

vue 代码如下:

.layout

div(v-if="fetchFinish")

keep-alive

//- 下级路由页都需要此fetchFinish请求完成 后的数据 才能继续

router-view

export default {

data () {

return {

fetchFinish: false,

}

},

async created () {

let data = await this.$api.getGloablData()

this.fetchFinish = true

},

}

**uniapp代码**

export default {

onLaunch: function () {

this.$store.dispatch('getCloudSiteBaseInfo')

console.log('App onLaunch')

},

onShow: function () {

console.log('App Show')

},

onHide: function () {

console.log('App Hide')

}

}

·回复

onLaunch 加载完成再加载页面???? 唯独一种方法 使用路由 uni-simple-router

·回复

等待方法执行完成 再加载首页即可。

·回复

试试这个吧 数据加载完手动关闭启动页

·回复

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值