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

更新时间：2017年02月13日 17:06:24 投稿：lqh

这篇文章主要介绍了微信小程序详解页面跳转与返回并回传数据的相关资料,需要的朋友可以参考下

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

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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

详解使用yeoman打造自己的项目脚手架
这篇文章主要为大家介绍了使用yeoman打造自己的项目脚手架实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
JS实用技巧实现loading加载示例详解
这篇文章主要为大家介绍了JS实用技巧实现loading加载示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
前端的状态管理（上）
这篇文章主要讲解前端的状态管理，状态管理李娜就想到：Vuex、Redux、Flux、Mobx等等方案，不论哪种方案只要内容一多起来似乎都是令人头疼的问题，今天来聊一聊前端的状态管理，感兴趣的小伙伴可以参考参考下面文字具体内容
2021-10-10
载入进度条效果
载入进度条效果...
2006-07-07
js中闭包结合递归等于柯里化原理解析
这篇文章主要为大家介绍了闭包结合递归等于柯里化的原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
微信小程序 action-sheet详解及实例代码
这篇文章主要介绍了微信小程序 action-sheet详解及实例代码的相关资料,需要的朋友可以参考下
2016-11-11
JavaScript 中的文档对象模型 DOM
DOM，即文档对象模型，前端开发工程师必学的基础知识，在本文将介绍如何在 HTML 文档中选择元素、如何创建元素、如何更改内联 CSS 样式以及如何监听事件,需要的朋友可以参考一下
2021-10-10
JS前端轻量fabric.js系列物体基类
这篇文章主要为大家介绍了实现JS前端轻量fabric.js系列物体基类示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
Servlet3.0与纯javascript通过Ajax交互的实例详解
Servlet与纯javascript通过Ajax交互,对于很多人来说应该很简单。不过还是写写，方便Ajax学习的后来者
2018-03-03
微信小程序教程之本地图片上传(leancloud)实例详解
这篇文章主要介绍了微信小程序教程之本地图片上传(leancloud)实例详解的相关资料,这里举例说明该如何实现和实例代码，文章一一表述，需要的朋友可以参考下
2016-11-11