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


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可配置循环左右滚动例子
Sep 09 Javascript
jquery 添加节点的几种方法介绍
Sep 04 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
JS+CSS实现简易实用的滑动门菜单效果
Sep 18 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
Mar 01 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
Vue实现商品飞入购物车效果(电商项目)
Nov 26 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 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不用递归遍历目录下所有文件的代码
2014/07/04 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
javascript基本类型详解
2014/11/28 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python在指定目录下查找gif文件的方法
2015/05/04 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
python实现简单爬虫功能的示例
2016/10/24 Python
详解如何从TensorFlow的mnist数据集导出手写体数字图片
2019/08/05 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
python使用Geany编辑器配置方法
2020/02/21 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
Python requests上传文件实现步骤
2020/09/15 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
Crocs波兰官方商店:女鞋、男鞋、童鞋、洞洞鞋
2019/10/08 全球购物
汽车销售求职自荐信
2013/10/01 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
个人委托书范本
2014/04/02 职场文书
党员十八大心得体会
2014/09/12 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
营销与策划实训报告
2014/11/05 职场文书
公务员年度考核评语
2014/12/31 职场文书
给女朋友道歉的话大全
2015/01/20 职场文书
浅析Django接口版本控制
2021/06/26 Python
分享提高 Python 代码的可读性的技巧
2022/03/03 Python