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


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 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
Javascript变量函数浅析
Sep 02 Javascript
深入document.write()与HTML4.01的非成对标签的详解
May 08 Javascript
js confirm()方法的使用方法实例
Jul 13 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
vue.js中toast用法及使用toast弹框的实例代码
Aug 27 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
vue实现记事本功能
Jun 26 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
vue特效之翻牌动画
Apr 20 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
Ajax PHP简单入门教程代码
2008/04/25 PHP
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
javascript 获取页面的高度及滚动条的位置的代码
2010/05/06 Javascript
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
使用Python进行二进制文件读写的简单方法(推荐)
2016/09/12 Python
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
python实现整数的二进制循环移位
2019/03/08 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
python实现统计代码行数的小工具
2019/09/19 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
Python实现Canny及Hough算法代码实例解析
2020/08/06 Python
Python实现自动签到脚本功能
2020/08/20 Python
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
Android interview questions
2016/12/25 面试题
白酒业务员岗位职责
2013/12/27 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
班组长竞聘书
2014/03/31 职场文书
《骑牛比赛》教后反思
2014/04/22 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js