hylong
hylong
  • 发布:2018-01-31 17:25
  • 更新:2019-05-22 11:24
  • 阅读:4862

登录成功后,返回时不再显示登录等已经没用的页面

分类:wap2app

wap2app适配的时候,常碰到的一个场景就是登录,wap站登录成功后,比较差的体验主要有两个:
1、back依然可以看到登录页,效果很差
2、首页如果有登录入口,返回首页,首页依然显示未登录的状态

处理方法是利用页面的onShow方法,打开页面时的同时将不需要的页面关掉。比如登录后进入个人中心,关闭登录页。代码如下:

Page('usercenter', { //用户中心页面扩展  
    /**  
     * 用户中心页面显示时触发  
     */  
    onShow: function() {  
        //获取登录页的webview  
        var loginWebview = plus.webview.getWebviewById("login");  
        if(loginWebview){  
            loginWebview.close("none");//关闭登录页  
        }  
          
        //如果要关闭好几个页面  
        var webviewsId = ['login','register','pay','other'];  
        for (var i = 0; i < webviewsId.length; i++) {  
        	var webview = plus.webview.getWebviewById(webviewsId[i]);  
	        if(webview){  
	            webview.close("none");//关闭页面  
	        }  
        }  
          
        //如果要刷新首页的状态  
        plus.webview.getLaunchWebview().reload();  
    }  
});

此情形同样适用于支付、注册等流程。比如网页支付可能需要好几步,支付完后back,不应再看到支付流程,这时候就可以在支付
成功页面用onShow方法,来关掉支付流程的页面。

0 关注 分享

要回复文章请先登录注册

无所谓001

无所谓001

请问,这个页面的webview 名称是怎么获取的
2019-05-22 11:24