小程序同一个页面同时需要接收多个不同页面的值怎么实现？

最新推荐文章于 2023-08-30 17:07:59 发布
最新推荐文章于 2023-08-30 17:07:59 发布
阅读量418 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_50292689/article/details/124576648
这篇博客探讨了如何在移动端应用中实现从预约时间页面到个人中心页面的数据传递。作者通过分别处理日期和时间的点击事件，并在'立即申请'按钮中整合数据，成功获取并展示了数据。使用wx.navigateTo进行页面跳转，然后在目标页面的onLoad函数中接收数据。调试结果显示数据获取正确，下一步是完成页面间的有效数据传递和接收。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先目标把预约时间页面的日期和时间都传到个人中心我的预约里面，点击了日期和时间后，点击立即申请按钮实现传递两项数据。

日期 和 时间两项点击事件我是分开写，然后在立即申请按钮里面再写一个点击事件，点击的同时，设置页面跳转到个人中心页面

在调试框中可以看到获取到数据

接下来要做的就是做好跳转，使用wx.navigateTo()（功能：保留当前页面，跳转到应用内的某个页面）

下一步是做好接收，在跳转的目标页面myyuyue页面js里面的onLoad()函数里做好接收

 

 

 

冲呀ZYM
关注
小程序页面传参（多个参数）
Rechal_Mei的博客
10-10 6048
小程序页面传递参数 这一次讲一下，跨页面传值和在下一个页面接收值，接收以后并渲染展示出来。那么请看清楚我这提到的步骤1.A页面传值，传多值到下一个页面 2.B页面接收上一个页面传输过来的值； 3.在B页面渲染接收到 的数据 那么直接上代码，先看看我想实现的效果。首先我想实现把这个test页面的值传递单下一个test-1页面去。 先看一下我的页面结构 我需要传递这个test页面的标题，参与...
微信小程序实现页面跳转传值以及获取值的方法分析
08-28
主要介绍了微信小程序实现页面跳转传值以及获取值的方法,结合实例形式总结分析了微信小程序页面跳转及传值的常用操作技巧,需要的朋友可以参考下
微信小程序跨页面获取数据示例
weixin_34293246的博客
06-29 3702
index.wxml <navigator class="navs" url="{{urls}}"> 中国 </navigator> index.js Page({ data: { urls:'/pages/lanbo/lanbo?title=我是Index里面的title数据' } })   要跳转的页面lanbo页面 lanbo.wxm...
小程序获取上一个页面或者某个页面内的值
热门推荐
qq_40081577的博客
10-10 1万+
在小程序中，有时会遇到转跳到下一个页面，但是不能直接把当前页面的集合或者对象整个传入时，可以使用JSON.stringify将该对象或集合转换为JSON字符串 let str=JSON.stringify(e.currentTarget.dataset.item); wx.navigateTo({ url: '../toMybaby/babyDetail/babyDetail?jsonStr...
微信小程序同一页面监听多个数据
weixin_51263829的博客
01-11 412
【代码】微信小程序同一页面监听多个数据。
小程序实现一个页面跳转到多个不同页面
追梦的女孩博客
10-09 1062
新建项目 1.wxml 主页 <view class="container"> <view> <navigator url="../select/select">预约查询</navigator> </view> <view> <navigator url="../create/create">新建预约</navigator> </view> </view> 2
小程序实现同一个tabbar项，根据不同需求显示不同页面.zip
07-27
在微信小程序开发中，TabBar 是一种常见的底部导航栏，用于在多个页面间切换。它为用户提供了一种直观且易用的界面元素，通常包含固定数量的选项，每个选项对应一个页面。本教程将深入讲解如何自定义 TabBar，使得同...
详解小程序开发经验：多页面数据同步
10-16
3. **EventBus实现**：EventBus是一种轻量级的通信机制，可以解决多个页面同时监听同一事件的问题。在小程序中，可以通过创建一个自定义的事件中心类，包含`emit`（发布事件）和`on`（订阅事件）等方法。每个页面在`...
微信小程序实现两个页面传值的方法分析
10-17
总结来说，微信小程序页面间传值有多种实现方式，每种方法有各自的适用场景和注意事项。开发者在开发过程中应根据实际需求选择最合适的方法，并注意数据安全和性能影响。以上介绍的几种方法，包括URL传参、小程序...
微信小程序页面间值传递的两种方法
10-17
微信小程序页面间值传递主要有两种方式：一是通过URL携带参数，这种方式简单直观，适用于简单的数据传递；二是利用全局变量，适用于需要在多个页面间共享同一数据的情况。在实际开发中，开发者应根据具体需求选择...
微信小程序跨页面传递data数据方法解析
10-15
主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序———同一页面内左右滑动切换内容显示
最新发布
qq_43852612的博客
08-30 5965
通过微信小程序实现手指触摸屏幕然后页面左右滑动。切换内容
微信小程序一个js文件读取多个接口数据
ColorKin的博客
04-05 1575
我也不知道这个叫啥问题 我也不知道这样写是不是不对 数据确实拿到了 data:{ warningarr:null, mydata:null, mySensor:null }, /** *生命周期函数--监听页面加载 */ onLoad:function(options){ ....../*自己的...
微信小程序实现单页面内切换不同分页的实现思路
qq_42656061的博客
07-02 4006
思路A：当页面内只有少数分页时，可以将每个分页分别使用view包裹，通过点击导航栏内不同 分页名的方式控制分页view的display属性控制“分页”的显示或隐藏，这种方法实际上所有分页都 在当前页面内，只是在显示的时候只显示一个。 思路B：当页面内有多个分页时，可以使用Component自定义组件的功能，将每个分页的单独页 面做成组件，在当前页面引用组件即可 ...
小程序实现加载中组件 发送多个请求时候请求加载完成之后在关闭
weixin_50736511的博客
10-20 357
显示加载中组件 关闭加载中组件
微信小程序一个wx:for循环遍历两个集合
weixin_41326227的博客
04-24 5130
有时候需要对比两个数组的内容来一个标签里做不同的展示，做同时遍历 <view class="test" wx:for="{{product}}" wx:key="key" wx:for-item="value"> <text selectable="true" class="grace-td">{{value.orgDate}}</text> ...
微信小程序多页面引用一个公共页
qq_20006067的博客
02-25 4642
这段时间在项目中遇到一个购物车的需求，tabBar页面需要购物车，在购物界面也要能跳转到购物车； 之前的做法是直接跳转到tabBar的购物车页面，但是这种跳转既不流畅，也不美观； 于是只能新建一个页面，做成和tabBar的购物车一样的，但是程序员都很懒，即使是复制一个页面也无法接受，于是就在寻找多个页面引用一个功能页面的方法，经过测试终于得出一套可行的方案，仅供参考！ 首先介绍一下微信小程序wxml、wxs、js引用其他文件的方法 wxml - include(还有另一个import，这里不做介绍，可以到官
小程序一个页面实现多个页面的引入
weixin_45804804的博客
12-02 2632
实现效果图，下面的折线图在其他页面写入内容，消息的这个页面不写入折线图 但要在该页面显示出来。 在消息的页面 的 json文件里引入写好的要引的页面， 最后一步，别忘了 在消息的 wxml页面引入这个名称，效果图实现。 ps:要引入的页面一定要写好，原页面该有的插件引入也不能少，因为你要引的这个页面就是实现本来效果的功能全部展现。 ...
【微信小程序】组件生命周期
tscn1的博客
09-17 522
组件的生命周期 主要的三个函数： created 组件实例被创建好触发，组件在调用Component里的定义的数据data来实例化数据， 此时不能使用setData attached 组件初始化完毕，进入页面节点时被触发。几乎所有的初始化工作都在这里完成。 detached 当页面退出时，页面中如果还有节点树，次函数被触发 定义生命周期的方法 可以直接写在Component构造器的第一级参数中，但是不建议。 小程序在2.2.3期，生命周期函数的位置建议写在lifetimes中，优先级要高于第一级
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值