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


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 相关文章推荐
javascript 简单抽屉效果的实现代码
Mar 09 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
使用js操作cookie的一点小收获分享
Sep 03 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
Javascript连接Access数据库完整实例
Aug 03 Javascript
jQuery过滤选择器经典应用
Aug 18 Javascript
完美的js图片轮换效果
Feb 05 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 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中的cookie
2006/11/26 PHP
PHPCMS的使用小结
2010/09/20 PHP
php中去除所有js,html,css代码
2010/10/12 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
理解javascript回调函数
2014/12/28 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
nodejs个人博客开发第五步 分配数据
2017/04/12 NodeJs
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
对python周期性定时器的示例详解
2019/02/19 Python
学习Django知识点分享
2019/09/11 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
canvas实现飞机打怪兽射击小游戏的示例代码
2018/07/09 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
上海雨人软件技术开发有限公司测试题
2015/07/14 面试题
渗透攻击的测试步骤
2014/06/07 面试题
Delphi工程师笔试题
2013/09/21 面试题
银行求职信个人范文
2013/12/16 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
怎么写工作检讨书
2014/11/16 职场文书
文艺节目主持词
2015/07/06 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书
一篇文章弄懂Python中的内建函数
2021/08/07 Python