routes - 如何使用 Ionic 4 以编程方式导航

Question

我已经搜索了几个小时，文档没有帮助，我在网上找到的所有示例都与角度相关。

我没有使用 Angular 或任何其他框架。我使用 ionic pwa 工具包构建了我的应用程序。

https://ionicframework.com/pwa/toolkit

我有一个按钮，当用户单击该按钮时，我想将他们导航到新路线。该路线是动态生成的，因此由于某种原因我无法在按钮上设置“href”。

我想知道如何以编程方式执行此操作。

Answer 1

您可以使用ion-router组件的push方法:

document.querySelector('ion-router').componentOnReady().then(router => {
    router.push('/some-url');
});

文档:https://ionicframework.com/docs/api/router#methods