微信小程序 详解页面跳转与返回并回传数据
更新时间：2017年02月13日 17:06:24 投稿：lqh
这篇文章主要介绍了微信小程序 详解页面跳转与返回并回传数据的相关资料,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
微信小程序 详解页面跳转与返回并回传数据
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();
},
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
微信小程序 Windows2008 R2服务器配置TLS1.2方法
微信小程序免费SSL证书https、TLS版本问题的解决方案《二十四》request:fail错误（含https解决方案）（真机预览问题把下面的代码复制到PowerShell里运行一下，然后重启服务器。# Enables TLS 1.2 on ...,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了微信小程序tabbar不显示解决办法的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了微信小程序 小程序制作及动画详解的相关资料,这里对小程序制作进行了详解，介绍动画部分的知识，需要的朋友可以参考下2017-01-01
网页里控制图片大小的相关代码...2006-06-06
随着主流JavaScript中函数式编程的迅速发展， 函数柯里化在许多应用程序中已经变得很普遍。 了解它们是什么，它们如何工作以及如何充分利用它们非常重要。本篇文章小编九向大家详细介绍JavaScript函数柯里化，需要的小伙伴可以参考下面文字内容2021-09-09
前端框架ECharts?dataset对数据可视化的高级管理
这篇文章主要为大家介绍了前端框架ECharts?dataset对数据可视化的高级管理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了微信小程序 网络API发起请求详解的相关资料,需要的朋友可以参考下2016-11-11
await vs return vs return await关键区别
这篇文章主要为大家介绍了await vs return vs return await关键区别解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
这篇文章主要介绍了微信小程序--组件（swiper）详细介绍的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了微信小程序之前台循环数据绑定的相关资料,这里提供实例帮助大家学习理解这部分内容，需要的朋友可以参考下2017-08-08
最新评论