Ionic5的路由跳转注意事项
mob 发布于 2021-05-28

最近使用了Ionic5中的Router,在Chrome调试中发现,在某些页面使用this.router.navigate([‘demo’]);这样的代码,无法跳转到demo页面,一开始以为是这个代码有问题,或者url的问题,尝试了

this.router.navigate(['/demo']);
this.router.navigate(['./demo']);

一样还是无法跳转,后来找了一个实例工程,是可以跳转的,对比了下不一样的地方,因为我的工程中有tabs,而实例工程中没有,以为是这个问题导致,而且发现也不是完全不能跳转,而是重新编译运行发现跳转了,后来把tabs去掉了也不行,以为是路由配置的问题,然后在app-routing.module.ts文件中各种折腾路由的配置,顺便也是熟悉路由的配置规则,但问题还是顽固的存在,后来在某个页面里面可以跳转,那就不是工程的问题,再对比不能跳转的和能跳转的,这才找到问题所在,原来用modalController打开的页面里面再去navigate的不行,至于原理还不清楚,但是总算知道是这个原因了。

mob
关注 私信
文章
61
关注
0
粉丝
0