- Taro多端开发权威指南:小程序、H5与App高效开发实战
- 李佩忠编著
- 282字
- 2021-05-19 18:01:18
2.5 路由功能
路由的职责是通过给定路径,匹配与之对应的模块视图。在Taro中,路由的相关定义与微信小程序保持一致,路由功能是默认提供的,不需要开发者进行额外的路由配置。
1.基本使用
使用路由功能前,我们需要在入口文件的config配置中指定好pages,然后就可以在代码中通过Taro提供的API来跳转到目的页面了,配置示例如下:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_60_1.jpg?sign=1739535504-XKduZ4snSNFSIhrr2o8e9fhKqlfgT0pp-0-571eed2f5089dc8c52fc8f41401bb88e)
这样在Index页面就可以使用Taro提供的API进行路由跳转了,示例如下:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_60_2.jpg?sign=1739535504-Yzv06eLAvufalQzbOZwISBxnrdioSL4o-0-9fe42f9447dbfc6b371b916ed7263690)
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_1.jpg?sign=1739535504-YPw6WtisxcJifXbiGnhSD0BDZoWxlqEU-0-0738af70b5c57419e8303be577a844fd)
2.路由携带参数
我们可以通过在所有跳转的URL后面添加查询字符串参数,从而将参数携带至跳转后的页面,例如:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_2.jpg?sign=1739535504-BeYuX4zbuLgdPwpcbYkfxPn7AXk2E9ah-0-47101986fb32cc5c8050a1a7dc4c3bc0)
跳转至目标页面后,我们通过Taro Component对象上已经定义的$router获取对应的参数,示例如下:
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_3.jpg?sign=1739535504-qwY9aK13yDCWMv5gnBE8XoxA4vpoo2wu-0-22f7e5fc5e6254d734861d142f642b2a)
Taro提供的与路由操作相关的方法如下表所示。
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_61_4.jpg?sign=1739535504-tN3YBGRcBPu54fgTCsovmSIFlg21VvPS-0-7ded1619a5da5c48c70fe2bd0a73c3ed)
续表
![](https://epubservercos.yuewen.com/D79B16/20118172101010406/epubprivate/OEBPS/Images/40906_62_1.jpg?sign=1739535504-tmBC9eJkVSXZ1Ly55fiK1NGoka1v79P3-0-7bd6726d0e099d5e425023ac3bd37e93)