Ionic Routig using Vanilla JS

Question

我是ionic框架的新手，目前正忙于一个需要实现简单导航的项目。我正在使用ionic与香草js的项目。

这是我的HTML代码：

<ion-router>
<ion-route url="/new-page" component="new-page"></ion-route>
</ion-router>
<ion-nav></ion-nav>

<ion-tabs>
<!-- Tab views -->
<ion-tab tab="new-page">
<ion-nav></ion-nav>
</ion-tab>

<!-- Tab bar -->
<ion-tab-bar slot="bottom">
<ion-tab-button tab="new-page" selected=true>
<ion-icon name="person"></ion-icon>
</ion-tab-button>

</ion-tab-bar>
</ion-tabs>

我在一个js文件中有一个自定义的html组件，它在这里被渲染。但是，我无法将我的选项卡按钮与那个新组件连接起来。

我无法理解这件事。我应该如何在两个屏幕之间导航？

Answer 1

1. Ionic具有路由的内置功能，为了项目的完整性，建议遵循。Ionic Angular示例：https://ionicframework.com/docs/angular/navigation

2. 如果您希望使用Vanilla JS实现自定义路由和功能，建议使用Core Cordova库-https://cordova.apache.org/可以很容易地与Boostrap这样的UI库集成。