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


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 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
js中比较两个对象是否相同的方法示例
Sep 02 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
微信小程序实现传递多个参数与事件处理
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
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
PHP7 其他修改
2021/03/09 PHP
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
JS实现模仿微博发布效果实例代码
2013/12/16 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
JavaScript中getUTCSeconds()方法的使用详解
2015/06/11 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
总结十个Angular.js由浅入深的面试问题
2016/08/26 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
jQuery实现获取选中复选框的值实例详解
2018/06/28 jQuery
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
Python中logging.NullHandler 的使用教程
2018/11/29 Python
Python unittest 简单实现参数化的方法
2018/11/30 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
Python assert关键字原理及实例解析
2019/12/13 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
《哪吒闹海》教学反思
2014/02/28 职场文书
《她是我的朋友》教学反思
2014/04/26 职场文书
医院深入开展党的群众路线教育实践活动实施方案
2014/08/27 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
公司收款委托书范本
2014/09/20 职场文书
煤矿安全保证书
2015/02/27 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
php 原生分页
2021/04/01 PHP
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js
Redis过期数据是否会被立马删除
2022/07/23 Redis
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技