一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

微信小程序 详解页面跳转与返回并回传数据

时间:2017-04-05 编辑:简简单单 来源:一聚教程网

微信小程序 详解页面跳转与返回并回传数据

A页面:

.wxml文件

 代码如下 复制代码

    选择城市

    

   

.js文件

 代码如下 复制代码

Page({

 data: {

  cityName:"深圳" #用来回传的关键字,默认深圳

 },

 city:function(e){

  wx.navigateTo({

    url:'../city/city'

  })

 }

 

})

A页面跳转B页面之后返回:

 代码如下 复制代码

cityNameClick:function(event) {

  varcityName = event.currentTarget.dataset.cityname;

  console.log(cityName);

 

  varpages = getCurrentPages();

  varcurrPage = pages[pages.length - 1]; //当前页面

  varprevPage = pages[pages.length - 2];//上一个页面

 

  //直接调用上一个页面的setData()方法,把数据存到上一个页面中去

  prevPage.setData({

   cityName: cityName

  })

 

  wx.navigateBack();

 },

热门栏目