小程序路由跳转传参后子组件怎么接受参数

可以在子组件中使用props来接收传递的参数。具体实现方法可以参考以下代码：

在父组件中传递参数：

<template>
  <view>
    <button @click="handleJump">跳转到子组件</button>
  </view>
</template>

<script>
  export default {
    methods: {
      handleJump() {
        uni.navigateTo({
          url: '/pages/child/child?id=123&name=张三'
        })
      }
    }
  }
</script>

在子组件中接收参数：

<template>
  <view>
    <text>{{id}}</text>
    <text>{{name}}</text>
  </view>
</template>

<script>
  export default {
    props: ['id', 'name']
  }
</script>

这样子组件就可以接收到父组件传递的id和name参数了。

相关问题

微信小程序路由传参取餐

微信小程序路由传参可以通过以下步骤实现：

1. 在跳转页面的按钮或其他组件上绑定事件，例如：

<button bindtap="goToOrderDetail" data-orderid="{{orderId}}">查看订单详情</button>

2. 在对应的页面JS文件中定义事件处理函数，获取传递过来的参数并跳转到目标页面，例如：

goToOrderDetail: function(event) {
  var orderId = event.currentTarget.dataset.orderid;
  wx.navigateTo({
    url: '/pages/orderDetail/orderDetail?orderId=' + orderId
  })
}

3. 在目标页面的onLoad函数中获取传递过来的参数，例如：

onLoad: function(options) {
  var orderId = options.orderId;
  // 根据orderId获取订单详情并展示
}