微信小程序页面传值技巧与方法

微信小程序页面传值是开发过程中常见的任务，尤其对于前后页面交互至关重要。本文将详细介绍几种常见的页面传值方式： 1. 跨页面传值: - 通过`navigator`标签或`wx.navigator`: 使用`navigator`标签时，可以在`<navigator>`元素中设置`url`属性，如`navigator.toPage({url: '/pages/detail/detail?good_id=16'})`，目标页面的`onLoad`函数会接收到这些参数。若需传多个参数，使用`&`连接。对于复杂类型（如数组或对象），需要先用`JSON.stringify()`转换为字符串，例如： ``` navigator.toPage({url: '/pages/detail/detail?params=' + JSON.stringify({good_id: 16, other_data: ['list']})}); ``` - 利用`getCurrentPages()`方法: 这种方式适合向后传递数据，通过获取当前页面栈中的信息，将数据写入目标页面的`data`或`storage`。注意要在`onshow`方法中接收，因为后续返回仅执行`onshow`。 - 存储于本地: 使用`wx.setStorage`和`wx.getStorage`操作进行持久化数据存储，便于跨页面访问。 2. 页内传值: - 通过事件触发: 在页面内的元素（如按钮）上设置`id`或`data-xxx`属性，并绑定事件处理函数。例如，一个带有`data-id`属性的`<button>`标签：`<button data-id="1">点击</button>`，在点击事件处理函数中，可以通过`e.currentTarget.dataset.id`获取值。 - 全局变量: 将需要共享的数据声明为全局变量，如`globalData.detail = {}`，在任何页面都可以通过` getApp().detail`访问。 在微信小程序中，合理运用这些方法，能够确保页面间的数据流畅传递，提高开发效率。同时，了解并避免潜在的问题，如路由处理对特殊字符的敏感性，是避免掉进更多“坑”的关键。