0%

Taro学习--路由传参数

路由传参是最基本操作了吧,总结下

和小程序的本身路由传参是一样的。

1
Taro.navigateTo({url:`/pages/home/index?classId=${wxcid}`})

获取参数

1
2
3
4
5
6
componentWillMount() {
this.setState({
classId: this.$router.params.classId
})
}

这里有两个特殊情况,

  • 1.参数不能直接传网址,需要做特殊字符的处理
  • 2.切换到tab标签的方法不能直接传参数

针对上面2的情况,可以通过设置全局变量的方式来说给tab页传值

1
2
3
4
setGlobalData('updateHome', '1')
Taro.switchTab({
url: '/pages/home/index'
})

目标页面获取参数值

1
2
3
4
5
6
7
componentDidShow() {
const updateHome = getGlobalData('updateHome')
if (updateHome == '1'){
setGlobalData('updateHome', '0')
// dosomething()
}
}