微信小程序 详解页面跳转与返回并回传数据
微信小程序详解页面跳转与返回并回传数据
A页面:
.wxml文件
<viewclass="flex-wrp"> <textstyle="width:32%;">选择城市</text> <inputstyle="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){ 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(); },
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!