微信小程序> 微信小程序之页面传值详解-微信小程序页面传值(不一样的玩法)-小程序页面传值

微信小程序之页面传值详解-微信小程序页面传值(不一样的玩法)-小程序页面传值

浏览量:1785 时间: 来源:车家大少爷

1.举个例子:单击新闻标题传id到新闻详情页面

2.单击后

3.页面A:新闻页面页面B:新闻详情页面

4.页面A只需要将数据存入datajs

//pages/testA/testA.jsPage({data:{id:''},click:function(){this.setData({id:1001});wx.navigateTo({url:'/pages/testB/testB'})}})

5.wxml

!--pages/testA/testA.wxml--buttonbindtap='click'新闻标题/button

6.页面B只需获取A页面路由即可js

//pages/testB/testB.jsPage({data:{},onLoad:function(options){varpages=getCurrentPages();varcurrPage=pages[pages.length-1];//当前页面路由varprevPage=pages[pages.length-2];//上一个页面路由console.log(prevPage.data);this.setData({text:prevPage.data.id})},})

7.wxml

!--pages/testB/testB.wxml--text新闻id为:{{text}}/text

8.举个例子:模拟购买飞机票姓名,手机号,输入完毕后,单击选择座位,跳转到选择座位页面选择完毕后,关闭当前页面,在不清空姓名,手机号的情况下将座位更改

9.单击请选中座位后进入页面B单击请选择A1后在不清空在不清空姓名,手机号的情况下将A页面座位修改为A1

10.页面A:填写信息页面页面B:选择座位页面

11.页面Ajs

//pages/testA/testA.jsPage({data:{name:'张三',mobile:'15638383838',seat:''},click:function(){wx.navigateTo({url:'/pages/testB/testB'})}})

12.wxml

!--pages/testA/testA.wxml--姓名:{{name}}手机号:{{mobile}}座位:{{seat}}buttonbindtap='click'请选择座位/button

13.页面B获取A页面路由修改data即可js

//pages/testB/testB.jsPage({data:{},select:function(){varpages=getCurrentPages();varcurrPage=pages[pages.length-1];//当前页面路由varprevPage=pages[pages.length-2];//上一个页面路由prevPage.setData({seat:'A1'})wx.navigateBack();}})

14.wxml

!--pages/testB/testB.wxml--buttonbindtap='select'选择A1/button

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎