微信小程序_页面传值

微信小程序_页面传值,第1张

这里将 good_id=16 参数传入 detail 页面, 然后 detail 页面的 onload 方法内接受.

如果需要传多个参数, 用 &链接即可

这里可以传字符串, 也能传数组等, 这样就把 address 传递并接受了

在bindtap定义的点击方法 swiperTap : function(e) 中获取

其他的参数取出也如此,

微信小程序可以通过后台接口传递数据,实现数据传递、交互功能而不需要页面跳转。当小程序需要传递数据时,可以使用wx.request请求后台接口,将数据发送给后台,然后后台返回需要的数据,小程序再将收到的数据进行处理,完成交互。此外,小程序还可以通过Storage API存储数据,再通过读取Storage中的数据实现页面间信息的交互传递,避免页面跳转的过程,提升用户体验。虽然不跳转页面传递数据的实现方式有所限制,但对于某些需要快速响应、处理的交互场景具有很好的适用性。

你看,在这个 出发城市 和 目的地城市 这两个搜索框点击了之后都跳转了页面,这也就意味着我们在这个工程项目里要新建两个文件夹。拿 出发城市 为例,原页面名字叫 productList.wxml ,点击了出发城市的搜索框之后跳转到出发城市的页面,名字叫 departureCity.wxml 。这是两个不同的文件夹的页面,这也意味着有两个js文件,那他们之间怎么传数据呢?我们需要把用户输入的 城市名字 传到前一个页面呀。

这样我们就把数据保存到了上一页的 data 中

departureCity.js 中我们这样写:

returnAddress 这个方法绑定了 confirm 事件,用户点击手机键盘的确定按钮就会跳转回去

这样我们的 productList 页面就拿到了用户的输入值,这个值就储存在 productList.js 的 data 里, this.data.inputValue 这个就是用户的输入值


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11273422.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存