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


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 相关文章推荐
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
如何通过javascript操作web控件的自定义属性
Nov 25 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
Jquery解析Json格式数据过程代码
Oct 17 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
微信小程序搭建自己的Https服务器
May 02 Javascript
Vue项目中Api的组织和返回数据处理的操作
Nov 04 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
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
List Installed Software Features
2007/06/11 Javascript
javascript中的new使用
2010/03/20 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
jquery拖动改变div大小
2017/07/04 jQuery
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
Python pickle模块用法实例分析
2015/05/27 Python
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
pycharm修改file type方式
2019/11/19 Python
浅谈Python爬虫原理与数据抓取
2020/07/21 Python
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
Java中会存在内存泄漏吗,请简单描述
2016/12/22 面试题
写给保洁员表扬信
2014/01/08 职场文书
先进集体事迹材料
2014/02/17 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
工地质量标语
2014/06/12 职场文书
中国梦演讲稿范文
2014/08/28 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
员工加薪申请报告
2015/05/15 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers
详解python的内存分配机制
2021/05/10 Python
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL