您现在的位置是:首页 > 前端开发 > Uni-App

uniapp登录控制页面跳转

admin2019-04-18Uni-App 人已围观

简介uniapp登录控制页面跳转,我自己在写H5,用uniapp开发遇到的问题,在地址栏可以输入跳转,然后就找啊找,终于找到解决方案。

1、在 main.js 中封装全局登录函数
 
 
Vue.prototype.checkLogin = function(backpage, backtype){
	var SUID  = uni.getStorageSync('SUID');
	var SRAND = uni.getStorageSync('SRAND');
	var SNAME = uni.getStorageSync('SNAME');
	var SFACE = uni.getStorageSync('SFACE');
	if(SUID == '' || SRAND == '' || SFACE == ''){
		uni.redirectTo({url:'../login/login?backpage='+backpage+'&backtype='+backtype});
		return false;
	}
	return [SUID, SRAND, SNAME, SFACE];
}



参数说明
 
 
backpage, backtype 2个参数分别代表:
backpage : 登录后返回的页面
backtype : 打开页面的类型[1 : redirectTo 2 : switchTab]



返回值说明
已经登录返回数组 [用户 id, 用户随机码, 用户昵称, 用户表情]


2、创建 login 页面
login 页面作为登录过度页面,多端登录都通过此页面完成!

在你点击登录的时候,保存本地数据

                     uni.setStorage({
                            key: 'SUID',
                            data: 1
                        });

                        uni.setStorage({
                            key: 'SRAND',
                            data: 1545614
                        });

                        uni.setStorage({
                            key: 'SNAME',
                            data: '哈哈'
                        });

                        uni.setStorage({
                            key: 'SFACE',
                            data: 1515
                        });

 


3、在页面中应用登录检查函数,如 write.vue
 
<script>
export default {
	data() {
		return {
			
		};
	},
	onLoad : function() {
		var loginRes = this.checkLogin('../my/my', '2');
		if(!loginRes){return false;}
	}
}
</script>



相关资料  http://www.hcoder.net/tutorials/info_1370.html
相关 网站 :https://www.cnblogs.com/niceyoo/p/10624642.html
 

很赞哦!254

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 141
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们