微信小程序 详解页面跳转与返回并回传数据
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();
},感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
更多微信小程序页面跳转与返回并回传数据相关文章请关注PHP中文网!
微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号