小程序路由跳转传参后子组件怎么接受参数
时间: 2023-10-12 16:16:31 浏览: 51
可以在子组件中使用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参数了。