路由功能

路由 API 說明

在 Taro 中，路由功能是默認(rèn)自帶的，不需要開發(fā)者進(jìn)行額外的路由配置。

我們只需要在入口文件的 config 配置中指定好 pages，然后就可以在代碼中通過 Taro 提供的 API 來跳轉(zhuǎn)到目的頁面，例如：

// 跳轉(zhuǎn)到目的頁面，打開新頁面
Taro.navigateTo({
  url: '/pages/page/path/name'
})

// 跳轉(zhuǎn)到目的頁面，在當(dāng)前頁面打開
Taro.redirectTo({
  url: '/pages/page/path/name'
}

路由傳參

我們可以通過在所有跳轉(zhuǎn)的 url 后面添加查詢字符串參數(shù)進(jìn)行跳轉(zhuǎn)傳參，例如

// 傳入?yún)?shù) id=2&type=test
Taro.navigateTo({
  url: '/pages/page/path/name?id=2&type=test'
})

這樣的話，在跳轉(zhuǎn)成功的目標(biāo)頁的生命周期方法里就能通過 this.$router.params 獲取到傳入的參數(shù)，例如上述跳轉(zhuǎn)，在目標(biāo)頁的 componentWillMount 生命周期里獲取入?yún)?/p>

class C extends Taro.Component {
  componentWillMount () {
    console.log(this.$router.params) // 輸出 { id: '2', type: 'test' }
  }
}