微信小程序父子组件传参

102 阅读1分钟

业务需求:点击父组件的信息列表,跳转到详情页,将父组件中的数据信息传递给详情页。
在这里插入图片描述

父组件配置
  1. index.wxml文件中:data-item="{{item}}"
    在这里插入图片描述
  2. index.js中:url: "/pages/order/order-detail/index?dataList=" + dataList
    在这里插入图片描述
    【注】:这里是复杂数据类型的传递,所以用json.stringify和json.parse进行类型转换。
子组件配置
  1. index.js中接收:onLoad函数中接收
    在这里插入图片描述