分享

UNI-APP封装全局登录检查函数

 新进小设计 2021-08-21

封装的函数主要用于检查用户是否登录

封装一个全局函数

在main.js文件下定义checkLogin全局函数,代码的注解都在代码块里面
参数说明:
backpage, backtype 2个参数分别代表:
backpage : 登录后返回的页面
backtype : 打开页面的类型[1 : redirectTo 2 : switchTab]

 

 

Vue.prototype.checkLogin = function(backpage, backtype){//定义一个全局函数
var SUID  = uni.getStorageSync('SUID');//用户 id, 
var SRAND = uni.getStorageSync('SRAND');//用户随机码, 
var SNAME = uni.getStorageSync('SNAME');//用户昵称,
var SFACE = uni.getStorageSync('SFACE');// 用户表情
if(SUID == '' || SRAND == '' || SFACE == ''){//进行判断是否登录(登录成功以后会产生id,随机码,用户昵称,用户表情),如果没有值,则会返回登录界面
uni.redirectTo({url:'../login/login?backpage='+backpage+'&backtype='+backtype});
return false;
}
return [SUID, SRAND, SNAME, SFACE];//登录成功会返回这些登录成功的信息
}

 

触发检查登录的函数

onLoad:function(){//页面第一次加载是会触发,可以把一些不需要实时更新的数据放入
var login = this.checkLogin('../index/index',1);//调用全局封装的函数,产数在上面已经简绍了
if(!login){//如果没有登录,则会提示
uni.showToast({
title: '请先登录!',
icon:"none"
});
return false; //不走下面的,也就是不触发下面的函数
}
this.getNews();//登录成功会触发这个函数
},

  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多