![Taro多端开发权威指南:小程序、H5与App高效开发实战](https://wfqqreader-1252317822.image.myqcloud.com/cover/719/38209719/b_38209719.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.5 路由功能
路由的职责是通过给定路径,匹配与之对应的模块视图。在Taro中,路由的相关定义与微信小程序保持一致,路由功能是默认提供的,不需要开发者进行额外的路由配置。
1.基本使用
使用路由功能前,我们需要在入口文件的config配置中指定好pages,然后就可以在代码中通过Taro提供的API来跳转到目的页面了,配置示例如下:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_60_1.jpg?sign=1739381577-TGomVVJdxiNlViHczoN5gwe52wd4OEpQ-0-d9ecea9000fe3dee98f8699d5920231b)
这样在Index页面就可以使用Taro提供的API进行路由跳转了,示例如下:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_60_2.jpg?sign=1739381577-4vDTbGGDCDbWuJ01G1lpaXy48mTFXJgi-0-a557d3395e285e948dd65b7f91f3f5a1)
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_1.jpg?sign=1739381577-DMSF4lsU8UD80tPnVy5ZJWrQqGfZ6un7-0-50d157ac51562cfc7c4baf5508c4da38)
2.路由携带参数
我们可以通过在所有跳转的URL后面添加查询字符串参数,从而将参数携带至跳转后的页面,例如:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_2.jpg?sign=1739381577-pvtWWiLToWD7qlLZreyeLB8LV2Bs4MoF-0-e0566d2e02945232c01ada0155520e52)
跳转至目标页面后,我们通过Taro Component对象上已经定义的$router获取对应的参数,示例如下:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_3.jpg?sign=1739381577-TkCGdzhQOyIAkZh3KGmXovYPLsd4ybrm-0-7960d57238c4b58961491d661cbf3d1e)
Taro提供的与路由操作相关的方法如下表所示。
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_4.jpg?sign=1739381577-Bp1YN1s7FBFDHgxOKy257JZEiSUsZoed-0-84b65cb9a2aba293019e0e8412e2af1c)
续表
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_62_1.jpg?sign=1739381577-y2LZvV484LYtAYVv9kSPQNTSMC0rLWYa-0-ac5b050a26fb8d84348f6542e14a49cd)