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


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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
jquery的键盘事件修改代码
Feb 24 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
Jul 10 Javascript
jquery得到iframe src属性值的方法
Sep 25 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
详细分析Javascript中创建对象的四种方式
Aug 17 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
Jul 19 Javascript
WEEX环境搭建与入门详解
Oct 16 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
详解Vue3使用axios的配置教程
Apr 29 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
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
非常好用的两个PHP函数 serialize()和unserialize()
2012/02/04 PHP
PHP计数器的实现代码
2013/06/08 PHP
PHP之短标签开启设置
2013/06/17 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
用javascript实现自定义标签
2007/05/08 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
Vue与Node.js通过socket.io通信的示例代码
2018/07/25 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
基于python 字符编码的理解
2017/09/02 Python
Python快速排序算法实例分析
2017/11/29 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
Python I/O与进程的详细讲解
2019/03/08 Python
python从list列表中选出一个数和其对应的坐标方法
2019/07/20 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
html5唤醒APP小记
2019/03/27 HTML / CSS
介绍一下JMS编程步骤
2015/09/22 面试题
2014年保险公司工作总结
2014/11/22 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
python自动化测试之Selenium详解
2022/03/13 Python
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏