微信小程序实现页面跳转传递参数(实体,对象)


Posted in Javascript onAugust 12, 2019

首先我们有这么一种需求,就是我在一个列表中点击了某个item,跳转到详情界面,那么我就需要把item的实体数据从列表页面传递到详情页面,那么我们来看看微信小程序给我们提供的API:

微信小程序实现页面跳转传递参数(实体,对象)

这里大家可以清楚看到api中说到的如何传递参数,其实它这里指的参数仅仅是一些普通的数据类型,我们要传递的实体是object类型,那么我们需要先把实体转成string类型进行传递,在详情页面接受到在逆向转成实体,如下面这段示例:

//这里我们跳转详情界面
queryItemClick: function (e) {
  var that = this
  //拿到点击的index下标
  var index = e.currentTarget.dataset.index
  //将对象转为string
  var queryBean = JSON.stringify(that.data.queryList[index])
  wx.navigateTo({
   url: '../queryResult/queryResult?queryBean=' + queryBean,
  })
 }

这里我们用JSON.stringify()函数将实体转成string类型进行传递,那么我们在看看接收参数:

/***重点内容*
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  var that=this
  var queryBean = JSON.parse(options.queryBean);
  that.setData({
   queryBean: queryBean
  })
  //console.log(that.data.queryBean)
 }

这里我们在生命周期函数onLoad中获取我们传递的实体转的字符串,然后用JSON.parse()转成实体,最后赋值给我们的全局变量。

如果我们想要传递Json对象 也可以通过这样的方式进行传递。

以上就是本文的全部内容,此文章为学习小程序记录,如果能帮到你当然更好,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用javascript连接access数据库的方法
Nov 17 Javascript
在模板页面的js使用办法
Apr 01 Javascript
script不刷新页面的联动前后代码
Sep 18 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
koa2 从入门到精通(小结)
Jul 23 Javascript
JS如何生成动态列表
Sep 22 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 #Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 #Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 #Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 #Javascript
Angular8基础应用之表单及其验证
Aug 11 #Javascript
浅谈javascript错误处理
Aug 11 #Javascript
axios异步提交表单数据的几种方法
Aug 11 #Javascript
You might like
PHP中动态HTML的输出技术
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
php简单获取复选框值的方法
2016/05/11 PHP
php+ajax登录跳转登录实现思路
2016/07/31 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
php mysql_list_dbs()函数用法示例
2017/03/29 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
2015/10/25 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
基于python中theano库的线性回归
2018/08/31 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
解决python cv2.imread 读取中文路径的图片返回为None的问题
2020/06/02 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
标准毕业生自荐信范文
2013/11/04 职场文书
小学一年级学生评语
2014/04/22 职场文书
质量安全标语
2014/06/07 职场文书
文案策划专业自荐信
2014/07/07 职场文书
银行转正自我鉴定
2014/09/29 职场文书
有子女的离婚协议书怎么写(范本)
2014/09/29 职场文书
公司员工违法违章行为检讨书
2019/06/24 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
SQL Server实现分页方法介绍
2022/03/16 SQL Server
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS