taro 路由及传参

路由

taro 的路由是自带的,不需要额外的配置,只需要在 App.js 下的 config 中配置 pages 即可。

  1. class App extends Component {
  2. config = {
  3. pages: [
  4. 'pages/test/test',
  5. 'pages/index/index'
  6. ],
  7. }
  8. }

taro 通过 api 跳转、替换

  1. import Taro from '@tarojs/taro'
  2. // Taro.navigateTo(OBJECT)
  3. // 使用方式同 wx.navigateTo, 支持 Promise 化使用。
  4. Taro.navigateTo(params).then(...)
  5. // Taro.redirectTo(OBJECT)
  6. // 同 wx.redirectTo, 支持Promise
  7. Taro.redirectTo(params).then(...)
  8. // Taro.switchTab()
  9. // Taro.navigateBack()
  10. // Taro.relaunch()
  11. // Taro.getCurrentPages()

路由传参

  1. Taro.navigateTo({
  2. url:'pages/page/index?id=2'
  3. })

在跳转目标页面的生命周期方法(componentWillMount)中通过 this.$router.params 获取传入的参数。