ionic3 tabs登录跳转处理

最新推荐文章于 2020-09-01 14:33:19 发布

allen_zxs

最新推荐文章于 2020-09-01 14:33:19 发布

阅读量805

点赞数

分类专栏： ioinc 文章标签： ionic 前端

本文链接：https://blog.csdn.net/u012853101/article/details/85091409

版权

ioinc 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、在Tabspage需要转向登录tab添加事件

<ion-tab tabsHideOnSubPages=“true” [root]=“tab4Root” tabTitle=“会员” tabIcon=“tab-usercenter” (ionSelect)=“changeTabUser()”>

@ViewChild(‘myTabs’) tabRef: Tabs;

constructor(public http:HttpSerProvider,
public modalCtrl:ModalController,
public params:NavParams) {

this.lgSuccess=params.get("lgSuccess");

}

ionViewDidLoad() {

//登录成功跳转个人中心
if(this.lgSuccess=="1"){

  this.tabRef.select(3);

}

}

changeTabUser(){

if(!this.http.isLogin()){

  this.tabRef.select(this.tabIndex);  //切换之前所在的tab
  console.log("no login");
  let modal = this.modalCtrl.create('LoginPage');
  modal.present();
}

}

2、登录成功后处理

self.http.toast("登录成功",function () {

        self.viewCtrl.dismiss(false);

        self.appCtrl.getRootNavs()[0].push(TabsPage,{"lgSuccess":"1"});

      });