ionic2 tab切换控制

一、ion-tabs

  ion-tabs上有ionchange事件,每次界面切换都会调用这个函数

二、ion-tab 

ion-tab里面没有click事件,这对于一些业务处理很不方便。例如点击底部的tab导航,如果用户没有登入,那么跳转到登入界面,虽然可以在

ion-tabs的iochange事件里面写,但是这样会先切换到ion-tab对应的那个界面,再跳转到登入界面,这样体验很不好。因为公司有这个需求,所以我是这样处理的避免了上述的情况出现,假设底部导航有5个,第三个第四个需要根据用户状态跳转界面或者切换界面,弄2个透明的按钮盖在第三第四tab上面 调整css position=absolute z-index=999 width=20% margin-left=40%就可以盖第三个切换的tab上,对按钮设置点击事件,如果不需要调转界面,手动切换tab即可

this.tabRef.select(3);

你可能感兴趣的:(ionic2 tab切换控制)