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

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

创新互联建站专注于企业成都营销网站建设、网站重做改版、鹿城网站定制设计、自适应品牌网站建设、H5高端网站建设、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为鹿城等各大城市提供网站开发制作服务。

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

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

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

当前题目：微信小程序如何实现页面跳转与返回并回传数据的方法
网站网址：https://www.cdcxhl.com/article18/pocsgp.html

成都网站建设公司_创新互联，为您提供、商城网站、网站营销、企业网站制作、关键词优化、品牌网站制作

广告

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