Taro 路由功能

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

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

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

路由傳參

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

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

這樣的話，在跳轉(zhuǎn)成功的目標頁的生命周期方法里就能通過 getCurrentInstance().router.params 獲取到傳入的參數(shù)，例如上述跳轉(zhuǎn)，在目標頁的 componentWillMount（或 Vue 的 created） 生命周期里獲取入?yún)?

import { getCurrentInstance } from '@tarojs/taro'
class C extends Taro.Component {
  onReady () {
    console.log(getCurrentInstance().router.params) // 輸出 { id: 2, type: 'test' }
  }
}