taro官方文檔關(guān)于路由傳參的記載:
圖片.png
第一步:綁定要傳遞的參數(shù)
圖片.png
第二步:攜帶參數(shù)傳遞到下一級頁面
toList(userId) {
Taro.navigateTo({
url: `/pages/person/list?userId=${userId}`
});
}
第三步:下級頁面接收傳遞過來的參數(shù)
//接收路由參數(shù),在生命周期函數(shù)中獲取
componentWillMount() {
let userId = this.$router.params.userId;
this.setState({
userId: userId
});
console.log(userId);
}
第四步:假如還有下下級頁面汹忠,可以繼續(xù)傳遞下去
handlegoAIO = userId => {
Taro.navigateTo({
url: `/pages/mine/my-AIO/my-AIO?userId=${userId}`
});
};
handlegoCuff = userId => {
Taro.navigateTo({
url: `/pages/mine/my-cuff/my-cuff?userId=${userId}`
});
};
handlegoUnusual = userId => {
Taro.navigateTo({
url: `/pages/mine/my-unusual/my-unusual?userId=${userId}`
});
};
render() {
let { userId } = this.state;
return (
<View className='my'>
<SpaceBar />
<View className='iconlist'>
<AtList>
<AtListItem
title='123'
arrow='right'
onClick={this.handlegoAIO.bind(this, userId)}
thumb={url.imgUrl + "images/mine/my/mine_aio.png"}
/>
<AtListItem
title='123'
arrow='right'
onClick={this.handlegoCuff.bind(this, userId)}
thumb={url.imgUrl + "images/mine/my/mine_cuff.png"}
/>
<AtListItem
title='123'
arrow='right'
onClick={this.handlegoUnusual.bind(this, userId)}
thumb={url.imgUrl + "images/mine/my/mine_unusual.png"}
/>
</AtList>
</View>
</View>
);
}