解决uniapp首次进入app时候指定页面进入,使用plus.navigator.closeSplashscreen() | 您所在的位置:网站首页 › switch第一次进商店怎么设置 › 解决uniapp首次进入app时候指定页面进入,使用plus.navigator.closeSplashscreen() |
一、问题
我们经常有个需求,就是一款app,当用户已经登录了那么打开app进入的是首页,当用户没有登录过那么打开app进入的是登录页。 在uniapp中我看见很多人回复都是用应用的生命周期onLaunch上面做判断来进行页面跳转,但是小编试过这个方法,会出现先跳转app设置的第一个页面然后再跳转指定页面,这样用户体验不好。 所以小编就想到使用html5 + 功能模块 navigator来解决方案 二、解决方案首先把app下的manifest.json配置文件更改启动界面为不关闭,在我们需要关闭的时候再关闭 部分配置内容 /* 5+App特有相关 */ "app-plus" : { "splashscreen" : { "alwaysShowBeforeRender" : false, "waiting" : true, "autoclose" : false, "delay" : 0 } }然后在app.vue文件下 首先在onLaunch生命周期判断是否已经存在登录信息,存在则关闭启动页进入首页index,不存在则跳转登录页login在成功跳转的回调里面关闭启动页 onLaunch: ()=> { // #ifdef APP-PLUS let userinfo = uni.getStorageSync('userinfo'); //判断是否存在登录信息 if(!userinfo.role){ //不存在则跳转登录页 uni.reLaunch({ url:"/pages/login/login", success:()=>{ //跳转完页面后再关闭启动页 plus.navigator.closeSplashscreen(); } }) }else{ //存在则关闭启动页进入首页 plus.navigator.closeSplashscreen(); } // #endif },这样就可以指定app打开的第一个页面啦 |
CopyRight 2018-2019 实验室设备网 版权所有 |