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


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 相关文章推荐
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
jquery制作LED 时钟特效
Feb 01 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
vue.js todolist实现代码
Oct 29 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
js的对象与函数详解
Jan 21 Javascript
用Node写一条配置环境的指令
Nov 14 Javascript
JS实现可控制的进度条
Mar 25 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 Javascript
JS实现页面侧边栏效果探究
Jan 08 Javascript
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
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
PHPMailer发送邮件
2016/12/28 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
javascript 特殊字符串
2009/02/25 Javascript
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
vue里如何主动销毁keep-alive缓存的组件
2019/03/21 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
Vue使用自定义指令实现拖拽行为实例分析
2020/06/06 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
python中的sort方法使用详解
2014/07/25 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
python flask中动态URL规则详解
2019/11/22 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
新奇的小玩意:IWOOT
2016/07/21 全球购物
应聘教师自荐信
2013/10/12 职场文书
主持词开场白
2014/03/17 职场文书
幼儿园教师自荐书
2015/03/06 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技