微信小程序开发(二):页面跳转并传参操作示例


Posted in Javascript onJune 01, 2020

本文实例讲述了微信小程序页面跳转并传参操作。分享给大家供大家参考,具体如下:

本篇文章主要记录:保留当前页面,跳转到应用内的某个页面的。。路由。跳转后的页面将在标题栏左上角带一个返回按钮。

wx.navigateTo

微信小程序开发(二):页面跳转并传参操作示例

wxml:

<view class='float-g' bindtap="onPostClick">
  <i-icon class="post" type="brush_fill" size="30" color="#fff"/>
</view>

在view上绑定了一个方法:onPostClick

JS:

onPostClick: function (event) {
  //跳转至发送信息页面,带返回按钮
  wx.navigateTo({
   url: '../groupWriteTalk/groupWriteTalk?project_id=' + this.data.project_id
  })
 },

在跳转后的页面中的onload方法中:

/**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  var that = this;
  that.setData({
   project_id: options.project_id
  })
 },

在参数options中可以获得上一页传过来的参数。

返回上一页的方法:

wx.navigateBack :关闭当前页面,返回上一页面或多级页面

微信小程序开发(二):页面跳转并传参操作示例

//跳回小组讨论列表页面
wx.navigateBack();

希望本文所述对大家微信小程序设计有所帮助。

Javascript 相关文章推荐
一个可以随意添加多个序列的tag函数
Jul 21 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
Jan 08 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
Java Mybatis框架入门基础教程
Sep 21 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
Vue.js获取被选择的option的value和text值方法
Aug 24 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 #Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 #Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 #Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 #Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 #Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 #jQuery
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 #Javascript
You might like
smarty简单应用实例
2015/11/03 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
thinkPHP5框架导出Excel文件简单操作示例
2018/08/03 PHP
JS 对象介绍
2010/01/20 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
JS+CSS3制作炫酷的弹窗效果
2016/11/08 Javascript
Js apply方法详解
2017/02/16 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
python实现异步回调机制代码分享
2014/01/10 Python
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
在Python中关于中文编码问题的处理建议
2015/04/08 Python
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
python去除文件中重复的行实例
2018/06/29 Python
python实现归并排序算法
2018/11/22 Python
python自动化测试之如何解析excel文件
2019/06/27 Python
python使用requests.session模拟登录
2019/08/09 Python
Python笔记之代理模式
2019/11/20 Python
python标准库os库的函数介绍
2020/02/12 Python
Html5游戏开发之乒乓Ping Pong游戏示例(一)
2013/01/21 HTML / CSS
如何转换一个字符串到enum值
2014/04/12 面试题
个人授权委托书范本格式
2014/10/12 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
SQLServer2008提示评估期已过解决方案
2021/04/12 SQL Server
教你用python控制安卓手机
2021/05/13 Python
python分分钟绘制精美地图海报
2022/02/15 Python