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

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

浏览量：1785 时间：2020-03-20 来源：车家大少爷

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