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


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 相关文章推荐
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
js数组常用最重要的方法
Feb 04 Javascript
浅谈Postman解决token传参的问题
Mar 31 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
Nuxt.js开启SSR渲染的教程详解
Nov 30 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 Javascript
如何HttpServletRequest文件对象并储存
Aug 14 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 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模拟post行为代码总结(POST方式不是绝对安全)
2012/02/22 PHP
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
php通过淘宝API查询IP地址归属等信息
2015/12/25 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
javascript 播放器 控制
2007/01/22 Javascript
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
一个javascript参数的小问题
2008/03/02 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
自己动手开发jQuery插件教程
2011/08/25 Javascript
js arguments对象应用介绍
2012/11/28 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
JS数组转字符串实现方法解析
2020/09/04 Javascript
[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[01:04:31]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第二场 1月8日
2021/03/11 DOTA
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
英国泰坦旅游网站:全球陪同游览,邮轮和铁路旅行
2016/11/29 全球购物
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
几个SQL的面试题
2014/03/08 面试题
领导证婚人证婚词
2014/01/13 职场文书
运动会广播稿60字
2014/01/15 职场文书
给全校老师的建议书
2014/03/13 职场文书
校运会广播稿
2015/08/19 职场文书
sql server删除前1000行数据的方法实例
2021/08/30 SQL Server
基于angular实现树形二级表格
2021/10/16 Javascript