微信小程序如何实现页面跳转与返回并回传数据的方法-创新互联

小编给大家分享一下微信小程序如何实现页面跳转与返回并回传数据的方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联建站自2013年起，先为哈尔滨等服务建站，哈尔滨等地企业，进行企业商务咨询服务。为哈尔滨企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

A页面：

.wxml文件

<view class="flex-wrp">
    <text >选择城市</text>
    <input  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();
 },

看完了这篇文章，相信你对“微信小程序如何实现页面跳转与返回并回传数据的方法”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联网站建设公司行业资讯频道，感谢各位的阅读！

另外有需要云服务器可以了解下创新互联建站www.executivehouseboatcharters.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前名称：微信小程序如何实现页面跳转与返回并回传数据的方法-创新互联
文章来源：/article14/hjpge.html

成都网站建设公司_创新互联，为您提供网站建设、网站排名、星空体育app最新版本(2024已更新)、软件开发、云服务器、ChatGPT

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联