当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 微信小程序 详解页面跳转与返回并回传数据

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

2019年03月25日  | 移动技术网IT编程  | 我要评论

中变传世私服,赶快的近义词是什么,车震十二式

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

a页面：

.wxml文件

<view class="flex-wrp">
    <text style="width: 32%;">选择城市</text>
    <input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" value="{{cityname}}"/>
   </view>

.js文件

page({
 data: {
  cityname:"深圳"  #用来回传的关键字，默认深圳
 },
 city: function(e){
  wx.navigateto({
    url: '../city/city'
  })
 }

})

a页面跳转b页面之后返回：

citynameclick: function (event) {
  var cityname = event.currenttarget.dataset.cityname;
  console.log(cityname);

  var pages = getcurrentpages();
  var currpage = pages[pages.length - 1];  //当前页面
  var prevpage = pages[pages.length - 2]; //上一个页面

  //直接调用上一个页面的setdata()方法，把数据存到上一个页面中去
  prevpage.setdata({
   cityname: cityname
  })

  wx.navigateback();
 },

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网