ionic3 多层返回至登录页面问题

最近在处理基于Ionic3框架,搭建基础移动应用项目时遇到多层页点击退出遇到底部tabs导航无法消失的问题。借此把遇到的问题,及解决方案写出来,给写出来,下面讲述本人解决这个问题的办法。

效果图如下:

;
1.gif

首先:

     在顶端引入NavController  :import { App} from  ‘ionic-angular’

其次

在构造器中初始化App组件

最后在退出当前账户触发如下事件

    exit() {
        this.dialog.confirm('你确定要退出应用吗?').then(res => {
            this.app.getRootNav().push('login');       //3.调用this.app.getRootNav() 从根页面跳转就可以了
            setTimeout(() => {
                this.navCtrl.popToRoot();   
            },1000);
        }, err => {

        });
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,898评论 18 399
  • 早上正在跟室友打球,突然看到你给我发消息:你回来了嘛?我心里咯噔一下,赶紧给你回电话过去,解释并没有回去的原因,因...
    雅痞先生阅读 984评论 0 0
  • 总算落雪了,浅浅的一层,悬在石崖,挂在空枝。一月的寒风卷起洁白的思念,穿过江南的田野,唤醒沉睡的冬梦。我把...
    冰夫阅读 803评论 0 0
  • 片段8 降低启动成本 西安古城分舵橙子选自《谁说你不能坚持》 坚持,谁说你不能 R 阅读原书拆页 为什么IPHON...
    仨宝咨询师妈妈泓颖阅读 1,878评论 1 2