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


Posted in Javascript onFebruary 13, 2017

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

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

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

Javascript 相关文章推荐
Date对象格式化函数代码
Jul 17 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
javascript中innerText和innerHTML属性用法实例分析
May 13 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
React Router基础使用
Jan 17 Javascript
js实现随机点名小功能
Aug 17 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
微信小程序 this和that详解及简单实例
Feb 13 #Javascript
脚本div实现拖放功能(两种)
Feb 13 #Javascript
bootstrap table 数据表格行内修改的实现代码
Feb 13 #Javascript
判断横屏竖屏(三种)
Feb 13 #Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 #Javascript
jQuery实现大图轮播
Feb 13 #Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 #Javascript
You might like
新版PHP极大的增强功能和性能
2006/10/09 PHP
PHP写杨辉三角实例代码
2011/07/17 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
php链表用法实例分析
2015/07/09 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
XMLHttpRequest处理xml格式的返回数据(示例代码)
2013/11/21 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
layui 监听select选择 获取当前select的ID名称方法
2019/09/24 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
python 模块导入问题汇总
2021/02/01 Python
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
应届大学生求职信
2013/12/01 职场文书
门卫人员岗位职责
2013/12/24 职场文书
自荐信需注意事项
2014/01/25 职场文书
民政局办理协议离婚(范本)
2014/10/25 职场文书
培训通知
2015/04/17 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
python+opencv实现目标跟踪过程
2022/06/21 Python