微信小程序传值以及获取值方法的详解


Posted in Javascript onApril 29, 2019

微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法,

1、设置id的方法标识跳转后传递的参数值;

2、通过使用data - xxxx 的方法来标识要传递的值

微信小程序设置id的方法标识来传值

在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部电影的id(后面带着id去下一个页面查询,详细信息)如:

微信小程序传值以及获取值方法的详解

后我们在js的bindtap的响应事件中获取,并传递到下一个界面中;

获取到id传的值

通过e.currentTarget.id;获取设置的id值,并通过设置全局对象的方式来传递数值,
获取全局对象 var app=getApp(); //设置全局的请求访问传递的参数 app.requestDetailid=id;

微信小程序传值以及获取值方法的详解

提示:其实我们也可以在,wxml中查看到我们设置的每一个item的id值

微信小程序传值以及获取值方法的详解

通过使用data - xxxx 的方法标识来传值

通过使用data - xxxx 的方法标识来传值,xxxx可以自定义取名 比如data-key等等都可以。

微信小程序传值以及获取值方法的详解微信小程序传值以及获取值方法的详解

如何获取data-xxxx传递的值?

在js的bindtap的响应事件中:

通过数据解析一层层找到数据,var id=e.target.dataset.id(根据你的data-id的取名)

微信小程序传值以及获取值方法的详解微信小程序传值以及获取值方法的详解

微信小程序如何跨页面获取值?

依据上面的方式设置要传递的值,页面跳转后,我们就需要在下一个页面拿到传递的数据(这个数据在传递前,就已经被设置成全局变量)

在跳转后的js页面,接收传递过来的数据detail.js

同样通过全局额方式取值出来,(即和app.js中取某个变量的值是一样的)

var movieid=getApp().MovieDetailid;
console.log(movieid);

微信小程序传值以及获取值方法的详解

到此为止,我们数值传递并接收成功,后面就可以根据我们接收的参数,进行进一步的操作了。

以上所述是小编给大家介绍的微信小程序传值以及获取值方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
Jan 03 Javascript
简单实现js上传文件功能
Aug 21 Javascript
Express使用html模板的详细代码
Sep 18 Javascript
js根据后缀判断文件文件类型的代码
May 09 Javascript
9个JavaScript日常开发小技巧
Oct 06 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
Apr 29 #Javascript
详解JavaScript实现动态的轮播图效果
Apr 29 #Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 #Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 #Javascript
深入浅析Vue 中 ref 的使用
Apr 29 #Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 #Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 #Javascript
You might like
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
jQuery DOM操作小结与实例
2010/01/07 Javascript
javascript 函数调用的对象和方法
2010/07/01 Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
详解JS浏览器事件循环机制
2019/03/27 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
2019/06/10 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
浅谈Python数据类型之间的转换
2016/06/08 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
python实现批量注册网站用户的示例
2019/02/22 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
多个python文件调用logging模块报错误
2020/02/12 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
python变量的作用域是什么
2020/05/26 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
C语言变量的命名规则都有哪些
2013/12/27 面试题
法律专业应届本科毕业生求职信
2013/10/25 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
教学反思怎么写
2016/02/24 职场文书
pytorch 如何使用float64训练
2021/05/24 Python