新建的uni-app项目会有个app.vue文件，在此文件下 onLaunch应用生命周期封装一个方法(把全局变量定义一下):

注意：onLaunch应用生命周期只会触发一次

app.vue：

<script>export default {//全局变量globalData: {//用于判断用户是否登录(默认为否)userLogin: false,},onLaunch: function() {console.log('App Launch')//是否判断登录wx.checkSession({success: () => {//没用到token可以直接忽略以下步骤:console.log('登录未过期');const user_token = uni.getStorageSync('user_token');if(user_token){this.globalData.userLogin = true;}else{//解决token消失但登录未过期问题this.globalData.userLogin = false;//没登录就异步删除验证tokenuni.removeStorage({key: 'user_token',success: function (res) {console.log('user_token移除成功');}});}//没用到token走这个步骤://this.globalData.userLogin = false;},fail: () => {console.log('登录已过期');this.globalData.userLogin = false;//没用到token可以直接忽略以下步骤://没登录就异步删除验证tokenuni.removeStorage({key: 'user_token',success: function (res) {console.log('user_token移除成功');}});}})},onShow: function() {console.log('App Show')},onHide: function() {console.log('App Hide')}}
</script><style lang="less">/*每个页面公共css */@import url("@/common/css/global.css");@import url("@/common/css/index.less");
</style>

封装完成之后在pages页面里(自定义组件或页面里)获取全局变量即可：

pages页面里获取:

onLoad() {//获取全局变量 赋值后处理业务逻辑let app = getApp();this.userLoginFlag = app.globalData.userLogin;console.log(app.globalData.userLogin);
}

自定义组件或者页面(组件生命周期):

created() {//拿到全局变量let app = getApp();console.log(app.globalData.userLogin);this.userLoginFlag = app.globalData.userLogin;
}

uni-app微信小程序封装全局判断是否登录方法结合全局变量相关推荐

uni开发微信小程序解决全局分享分销问题
uni开发微信小程序解决全局分享分销问题 1. 需求 1.小程序内每个页面都要打开胶囊分享按钮并实现分销 2.分享功能应该是在用户登录之后才予以打开 3.不想做在每个页面都写分享钩子的傻逼操作 2.实 ...
微信小程序封装storage（含错误处理）
这次给你们安利的是微信小程序封装storage,先说下微信官方的 wx.getStorage({key:"",success: function (res) {},fail(err ...
微信小程序----封装request以及对接口进行模块化
微信小程序----封装request以及对接口进行模块化 1. 封装request:http.js export default function request(params) {return ne ...
微信小程序封装api请求步骤
小程序发起网络请求需用到 wx.request() 废话不多说直接开始封装 1.首先创建一个request文件夹里边创建一个api.js和request.js 2.封装的请求在request.js ...
【微信小程序封装底部弹出框二】
[微信小程序封装底部弹出框二]  <view><button style="margin-top: 300px;" ...
微信小程序封装图片合成水印
微信小程序封装图片合成水印 js /components/Watermark/index.js // components/Watermark/index.js Component({/*** 组件的 ...
微信小程序封装懒加载图片
微信小程序封装懒加载图片 js /components/LazyImage/index.js // components/LazyImage/index.js Component({/*** 组件的属 ...
微信小程序及Java后台测试登录
微信小程序及Java后台测试登录文章目录微信小程序及Java后台测试登录一.使用的工具以及开发环境二.微信端登录代码. 第一种方式,使用wx.getUserInfo直接获取微信头像,昵称. 第 ...
如何同步微信信息php,微信小程序中实现同步请求的方法
本篇文章给大家带来的内容是关于微信小程序中实现同步请求的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 微信小程序默认是用同步请求的,但有些时候需要数据的同步请求,可使用的方法有 ...

uni-app微信小程序封装全局判断是否登录方法结合全局变量

新建的uni-app项目会有个app.vue文件，在此文件下 onLaunch应用生命周期封装一个方法(把全局变量定义一下):

注意：onLaunch应用生命周期只会触发一次

app.vue：

封装完成之后在pages页面里(自定义组件或页面里)获取全局变量即可：

pages页面里获取:

自定义组件或者页面(组件生命周期):

uni-app微信小程序封装全局判断是否登录方法结合全局变量相关推荐

最新文章

热门文章