- 原理:通过在页面跳转的 URL 中以
key=value的形式附加参数,将数据传递到目标页面,接收页面可从 URL 中解析出参数值。 - 实现步骤
- 发送页面:使用
uni.navigateTo、uni.redirectTo等跳转方法来传递参数。例如要跳转到detail页面并传递商品id和name,代码如下:let productId = 1; let productName = "示例商品"; uni.navigateTo({ url: `/pages/detail/detail?id=${productId}&name=${productName}` }); - 接收页面:在目标页面的
onLoad生命周期函数中,通过options参数获取传递过来的值,示例代码如下:export default { onLoad(options) { const id = options.id; const name = options.name; console.log(`接收到的id: ${id}, 接收到的name: ${name}`); } }; - 适用场景
- 从列表页跳转到详情页时,传递列表项的唯一标识等信息,以便详情页根据该标识获取具体数据并展示。
- 在多步骤表单流程中,从一个步骤页面跳转到下一个步骤页面时,传递上一步填写的部分数据。
- 优缺点
- 优点:使用简单直观,在页面跳转时可以直接携带参数,对于传递少量数据非常方便,而且在不同平台上兼容性较好。
- 缺点:传递的数据类型一般以字符串为主,如果传递复杂数据类型需要进行序列化和反序列化操作。同时,参数会暴露在 URL 中,存在一定的安全风险,不适合传递敏感信息。
- 发送页面:使用

5073

被折叠的 条评论
为什么被折叠?



