ionic2 使用tabs+slides实现滑动切换页面效果

说明

• 在一个页面内嵌入多一个tab栏（我是在HomePage中），实现在此页面中多页面的滑动切换页面
• 此案例也可以用于最外层的tab栏，具体如何实现自己尝试一下就知道了

---

实现方法

1.创建一个空的页面，即使tab跳转一个空页面；

@Component({
  template: `<ion-content class="blank"></ion-content>`
})
export class BlankPage {}

2.关联tab与slide的索引值；

onTabsChange(tab: Tab) {
    this.tabIndex = this.tabs.getIndex(tab);//获取当前tab的index
    console.log();
    if(this.tabIndex != this.slideIndex){
      this.slider.slideTo(this.tabIndex);//slide切换
    }
    this.change(this.tabIndex);
  }

  onSlideChanged() {
    this.slideIndex = this.slider.getActiveIndex();//获取当今slide的index

    if(this.tabIndex != this.slideIndex){
      this.tabs.select(this.slideIndex);//切换tab
    }
    <