添加 ion-tabs 后，RouterLink 在 Ion-Button 中不起作用，但在沒有標簽的情況下可以正常工作，我該如何解決這個問題？

Question

在添加 ion-tab-button 之前一切正常，我有按鈕 ionic 路由到另一個頁面

當我添加了離子標簽時，單擊后路由器鏈接在按鈕中不起作用

我的錯誤在哪里？ 我需要一個解決方案。

這是我的主頁。html

  <ion-header translucent>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>SERVER STORE</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content fullscreen>

  <ion-grid>
    <ion-row>
      <ion-col size="12">

        <ion-slides pager="true" [options]="slideOptsOne" #slideWithNav
          (ionSlideDidChange)="SlideDidChange(sliderOne,slideWithNav)">
          <ion-slide *ngFor="let s of sliderOne.slidesItems">
            <img src="assets/{{s.id}}.png">
          </ion-slide>
        </ion-slides>

      </ion-col>

    </ion-row>
  </ion-grid>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-button expand="block" [routerLink]="['/iptv-list']" >IPTV List   </ion-button>
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        <ion-button expand="block" [routerLink]="['/sharing']" >Sharing List   </ion-button>
      </ion-col>      </ion-row>
      
            
            

  </ion-grid>

 
</ion-content>

<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button >
      <ion-icon name="speedometer"></ion-icon>
      <ion-label>مباريات اليوم</ion-label>
    </ion-tab-button>

    <ion-tab-button >
      <ion-icon name="play-circle"></ion-icon>
      <ion-label>WATCH</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

Answer 1

我找到了解決方案：

添加<ion-toolbar>作為 ion-tabs 的父級解決了我的問題