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


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 相关文章推荐
Jquery 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
js实现多行文本框统计剩余字数功能
Mar 28 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 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
全文搜索和替换
2006/10/09 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
php实现天干地支计算器示例
2014/03/14 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
2020/08/06 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
python如何求解两数的最大公约数
2018/09/27 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
django修改models重建数据库的操作
2020/03/31 Python
美国Rue La La闪购网站:奢侈品、中高档品牌限时折扣
2016/10/19 全球购物
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
汽车技术服务英文求职信范文
2014/01/02 职场文书
保险公司年会主持词
2014/03/22 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏