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


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 相关文章推荐
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
js中日期的加减法
May 06 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
Vue下的国际化处理方法
Dec 18 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
JavaScript事件对象event用法分析
Jul 27 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
PHP的5个安全措施小结
2012/07/17 PHP
用PHP实现浏览器点击下载TXT文档的方法详解
2013/06/02 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
IE autocomplete internet explorer's autocomplete
2007/06/30 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
分享Python开发中要注意的十个小贴士
2016/08/30 Python
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
Python文件和流(实例讲解)
2017/09/12 Python
python单例模式实例解析
2018/08/28 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
Python pandas用法最全整理
2019/08/04 Python
浅谈ROC曲线的最佳阈值如何选取
2020/02/28 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
AJAX检测用户名是否存在的方法
2021/03/24 Javascript
人力资源行政经理自我评价
2013/10/23 职场文书
大型晚会策划方案
2014/02/06 职场文书
感恩母亲节活动方案
2014/03/04 职场文书
本科应届生求职信
2014/08/05 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
首席执行官观后感
2015/06/03 职场文书
大学生暑期实践报告
2015/07/13 职场文书
2016年党员创先争优公开承诺书
2016/03/25 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android