首页 > 编程语言 >uni-app 开发微信小程序 onLaunch后再执行页面onLoad

uni-app 开发微信小程序 onLaunch后再执行页面onLoad

时间:2025-01-12 14:46:03浏览次数:1  
标签:onLoad 微信 app onLaunch checkLoginReadyCallback scope 页面

因为需要在onLoad调用用户登陆信息数据,网上找了都是使用原生小程序开发的,没有uni-app解决问题的办法,现记录下来。

1、在app.vue onLaunch 注意,这里一定要使用(that.$scope.checkLoginReadyCallback)而不是that.checkLoginReadyCallback。是因为在定义于 App() 内的函数中,或调用 App 前调用 getApp() ,可以通过 this.$scope 获取对应的app实例。如果直接使用that.checkLoginReadyCallback只能获得未定定义的结果,详见官方文档 https://uniapp.dcloud.net.cn/tutorial/page.html#getapp

export default {
globalData: {

isSessionkey:false, //onLaunch是否已经执行完毕},

onLaunch: function(options) {


 wx.login({
	success(res) {
		 if (res.code) {
                ......
        that.globalData.isSessionkey=true;
	//由于这里是网络请求,可能会在 Page.onLoad 之后才返回  在onLoad中定义下app.checkLoginReadyCallbac 后才执行下述 that.$scope.checkLoginReadyCallback,此时用户数据肯定得到了,回调内再则可获取到用户数据				  
	if (that.$scope.checkLoginReadyCallback){
									      
	    that.$scope.checkLoginReadyCallback(true);
	}


}
}

  

 

 2、在页面onLoad中调用

      

onLoad() {
    
            let that = this;
            
            //判断onLaunch是否执行完毕
            if (app.globalData.isSessionkey){    
              //初始化页面数据方法
            }else{
                
              app.checkLoginReadyCallback = res => {
                
               //初始化页面数据方法
              };
              
            
            }
          
          },

 

标签:onLoad,微信,app,onLaunch,checkLoginReadyCallback,scope,页面
From: https://www.cnblogs.com/fogwang/p/18666938

相关文章

  • 2025年flask电脑配件app 程序+论文 可用于计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容选题背景关于电脑配件APP的研究,现有研究主要集中在电商平台的功能优化、用户体验提升以及特定商品类别的营销策略等方面。尽管这些研究为电脑配件......
  • [免费]微信小程序(高校就业)招聘系统(Springboot后端+Vue管理端)【论文+源码+SQL脚本
    大家好,我是java1234_小锋老师,看到一个不错的微信小程序(高校就业)招聘系统(Springboot后端+Vue管理端),分享下哈。项目视频演示【免费】微信小程序(高校就业)招聘系统(Springboot后端+Vue管理端)Java毕业设计_哔哩哔哩_bilibili项目介绍随着越来越多的用户借助于移动手机......
  • 微信小程序可以放到公众号的底部菜单吗?
    微信小程序可以放到公众号的底部菜单。以下是具体的操作步骤和要点:关联小程序与公众号:首先,需要确保小程序已经与公众号进行了关联。登录微信公众平台,进入公众号设置,找到“小程序管理”,点击“添加”,然后输入小程序的AppID进行关联。创建自定义菜单:登录微信公众号后台,点......
  • 微信小程序有哪些支付方式?
    微信小程序支付方式主要包括以下几种:微信支付:微信支付是小程序内最常用的支付方式,用户可以通过微信内的余额、银行卡、信用卡等进行支付。开发流程涉及请求微信统一下单接口获取prepay_id,再由前端调用微信支付接口wx.requestPayment()完成支付。需要小程序已认证并获取appi......
  • 微信小程序如何实现分享功能
    微信小程序的分享功能主要依赖于微信官方提供的API来实现。以下是一个基本的前端实现流程:在页面的JS文件中定义onShareAppMessage函数这个函数会在用户点击分享按钮的时候被调用,你可以在这个函数中定义分享的内容。Page({onShareAppMessage:function(res){i......
  • 使用uniapp实现一个生成奖状的功能,如何实现?
    使用uniapp实现一个生成奖状的功能,主要涉及到前端界面的设计、用户输入的处理以及奖状的动态生成。以下是一个基本的实现步骤:设计前端界面:使用uniapp的组件和样式系统,设计一个用户友好的界面,包括输入区域(如姓名、奖项名称等)和预览/生成奖状的按钮。确保界面在不同设备上(如手......
  • 基于SpringBoot+Andriod的大学生实践教学管理系统安卓APP的设计与实现
    ......
  • python+uniapp基于微信小程序的小区服务管理系统java+nodejs+php-计算机毕业设计
    目录技术介绍具体实现截图微信开发者工具HBuilderXuniapp系统设计java类核心代码部分展示登录的业务流程的顺序是:可行性论证详细视频演示技术可行性系统测试系统安全性数据完整性实现思路系统实现源码获取技术介绍如今微信小程序有以下发展优势(1)无须下载,无须注......
  • python+uniapp基于微信小程序的实习生管理系统java+nodejs+php-计算机毕业设计
    目录技术介绍具体实现截图微信开发者工具HBuilderXuniapp系统设计java类核心代码部分展示登录的业务流程的顺序是:可行性论证详细视频演示技术可行性系统测试系统安全性数据完整性实现思路系统实现源码获取技术介绍如今微信小程序有以下发展优势(1)无须下载,无须注......
  • 2025毕设springboot 大学生志愿者服务管理微信小程序的设计与实现论文+源码
    系统程序文件列表开题报告内容研究背景随着社会的不断进步和志愿服务精神的广泛传播,大学生作为社会的一股重要力量,积极参与各类志愿服务活动,不仅有助于个人成长,还能为社会带来积极影响。然而,传统的志愿者服务管理方式往往存在信息更新不及时、报名流程繁琐、志愿服务时长记......