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


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验证上传文件的类型限制必须为某些格式
Nov 14 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
Aug 10 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
浅析vue深复制
Jan 29 Javascript
微信小程序Getuserinfo解决方案图解
Aug 24 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 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编程网上资源导航
2006/10/09 PHP
PHP 之Section与Cookie使用总结
2012/09/14 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
Yii使用技巧大汇总
2015/12/29 PHP
微信支付的开发流程详解
2016/09/13 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
php集成开发环境详解
2019/09/24 PHP
Avengerls vs KG BO3 第二场2.18
2021/03/10 DOTA
jQuery操作select的实例代码
2012/06/14 Javascript
基于javascript滚动图片具体实现
2013/11/18 Javascript
JavaScript作用域链示例分享
2014/05/27 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
vuex提交state&&实时监听state数据的改变方法
2018/09/16 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
python复制与引用用法分析
2015/04/08 Python
给Python入门者的一些编程建议
2015/06/15 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
django如何自己创建一个中间件
2019/07/24 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
一些高难度的SQL面试题
2016/11/29 面试题
助人为乐表扬信范文
2014/01/14 职场文书
厨房管理计划书
2014/04/27 职场文书
廉洁教育学习材料
2014/05/19 职场文书
课外小组活动总结
2014/08/27 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
入党自荐书范文
2015/03/05 职场文书
Python 阶乘详解
2021/10/05 Python