Taro 父页面通过url传参给子页面

一、父页面中通过点击按钮,跳转到子页面,通过url添加查询字符串参数进行跳转传参。
父页面内容:

openSubPage = (item, e) => {
    let {itemCode, itemName} = this.state;
    Taro.navigateTo({
        url: '/pages/cart/cartDetail?itemCode =' + itemCode + '&itemName =' + itemName
            + '&goodsCode=' + item.goodsCode + '&goodsName=' + item.goodsName
    })
}

二、子页面中在跳转成功的生命周期方法中通过 this.$router.params 获取到父页面传入的参数,可用于子页面调接口参数赋值等。
子页面内容:

componentWillMount() {
    this.setState({
            itemCode: this.$router.params. itemCode,
            itemName: this.$router.params. itemName,
            goodsCode: this.$router.params.goodsCode,
            goodsName: this.$router.params.goodsName,
        })
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容