W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
在 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)頁的生命周期方法里就能通過 getCurrentInstance().router.params
獲取到傳入的參數(shù),例如上述跳轉(zhuǎn),在目標(biāo)頁的 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' }
}
}
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: