taro路由传参正确的接收方式

本文指导如何在Taro应用中使用Taro.getCurrentInstance().router.params获取从A页面传递的id参数,避免了在B页面组件生命周期中遇到的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

扯淡

taro路由传参官方文档只说明了怎么传参,但是并没有说明具体怎么去接收参数,它又不像微信小程序那样在onload生命周期里拿到,百度搜出来的解决办法是在componentWillMount生命周期里通过this.$router.params拿到,qunidayede组件里的this里就没有$router属性,打印出来是undefined,这个方法根本行不通。。。下面正文是正确方法

正文

比方说从A页面携带一个参数id跳到B页面

A页面的路由:

Taro.navigateTo({
  url: '/pages/B/B?id='+id
})

B页面接收参数:引入Taro,并在componentWillMount生命周期中通过Taro.getCurrentInstance()获取到路由对象,从中拿到参数

import Taro from '@tarojs/taro'        // 引入Taro
componentWillMount () { 
  let id = Taro.getCurrentInstance().router.params.id
  console.log(id)
}

(完) 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值