欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-05 20:16:52
微信小程序 详解页面跳转与返回并回传数据 a页面: .wxml文件

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

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();
 },

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