我正在尝试实现一个拆分窗格,该拆分窗格将使用边栏中的ion-tabs(拆分窗格菜单)。
ionic 4中的ion-tabs的问题在于它使用主路由器渲染组件,因此,即使将ion-tabs添加到拆分窗格菜单中,选项卡仍将在ion-router-outlet中渲染。有没有使用离子键的方法来使用辅助路由器?
这就是我的想法:
<ion-app>
<ion-split-pane>
<ion-menu>
<ion-content>
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="tab1">
<ion-icon name="flash"></ion-icon>
<ion-label>Tab One</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab2">
<ion-icon name="apps"></ion-icon>
<ion-label>Tab Two</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab3">
<ion-icon name="send"></ion-icon>
<ion-label>Tab Three</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>
</ion-split-pane>
</ion-app>
我希望能够使用不能确定应在ion-router-outlet中呈现什么内容的ion-tabs更改边栏的内容。