小程序怎么接受路由参数
时间: 2023-10-12 17:11:22 浏览: 73
小程序接受路由参数可以通过页面的 onLoad 生命周期函数中的 options 参数来获取,options参数是一个对象,包含了当前页面所有的跳转参数。例如:
```
Page({
onLoad: function(options) {
console.log(options) // 打印所有的跳转参数
}
})
```
可以通过 `options.key` 来获取具体的参数值。如需传递复杂数据,可以使用 `JSON.stringify` 将数据转为字符串,传递时再使用 `JSON.parse` 解析。
相关问题
小程序路由跳转传参后子组件怎么接受参数
可以在子组件中使用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参数了。
微信小程序路由传值怎么传数组
微信小程序路由传值可以使用query参数传递数组,如下所示:
1. 在跳转页面的wxml文件中,添加跳转事件:
```
<button bindtap="redirectToPage">跳转到页面</button>
```
2. 在跳转页面的js文件中,定义跳转事件:
```
redirectToPage: function() {
let arr = [1, 2, 3];
wx.redirectTo({
url: '/pages/page2/page2?arr=' + JSON.stringify(arr)
})
}
```
3. 在接收页面的js文件中,获取传递的数组参数:
```
onLoad: function(options) {
let arr = JSON.parse(options.arr);
console.log(arr);
}
```
注意:在传递数组参数时,需要使用JSON.stringify()方法将数组转换为字符串,在接收页面时需要使用JSON.parse()方法将字符串转换为数组。
阅读全文