• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 微信小程序 详解页面跳转与返回并回传数据

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了亚马逊前台页面详解,页面置换算法详解,微信小程序案例详解,微信小程序详解,微信小程序开发详解等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

A页面:

.wxml文件

<view class="flex-wrp">
    <text style="width: 32%;">选择城市</text>
    <input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" value="{{cityName}}"/>
   </view>
</div>

.js文件

Page({
 data: {
  cityName:"深圳"  #用来回传的关键字,默认深圳
 },
 city: function(e){
  wx.navigateTo({
    url: '../city/city'
  })
 }

})

</div>

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();
 },

</div>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 微信小程序 页面跳转及数据传递详解
  • 微信小程序 详解页面跳转与返回并回传数据
  • 详解浏览器渲染页面过程
  • 微信小程序 页面跳转和数据传递实例详解
  • 微信小程序 页面之间传参实例详解
  • 微信小程序 页面跳转传递值几种方法详解

相关文章

  • 2017-05-11深入理解JavaScript中的for循环
  • 2017-05-11javascript 网页进度条简单实例
  • 2017-05-11Angular.js 4.x中表单Template-Driven Forms详解
  • 2017-05-11基于JavaScript实现图片剪切效果
  • 2017-05-11jQuery自定义图片上传插件实例代码
  • 2017-05-11JavaScript实现简单精致的图片左右无缝滚动效果
  • 2017-05-11jQuery实现CheckBox全选、全不选功能
  • 2017-05-11NodeJS遍历文件生产文件列表功能示例
  • 2017-05-11jQuery实现动态文字搜索功能
  • 2017-11-23js offsetParent() 方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery插件HighCharts实现气泡图效果示例【附demo源码】
    • javascript实现秒表计时器的制作方法
    • javascript 动态生成css代码的两种方法
    • Bootstrap表单使用方法详解
    • jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
    • 原生JS仿QQ阅读点击展开、收起效果
    • javascript监听页面刷新和页面关闭事件方法详解
    • angularJS+requireJS实现controller及directive的按需加载示例
    • JS遍历对象属性的方法示例
    • xmlplus组件设计系列之列表(4)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有