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


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 对象的定义方法
Jan 10 Javascript
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
js弹窗代码 可以指定弹出间隔
Jul 03 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
javascript实现的一个带下拉框功能的文本框
May 08 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
小程序封装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 Stream_*系列函数
2010/08/01 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
PHP中的类型约束介绍
2015/05/11 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
jquery $.ajax相关用法分享
2012/03/16 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
[54:43]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第一场 2月22日
2021/03/11 DOTA
python调用windows api锁定计算机示例
2014/04/17 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
python添加菜单图文讲解
2019/06/04 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
生产副总岗位职责
2013/11/28 职场文书
初三学生个人自我评定
2014/04/06 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
2014年学生工作总结
2014/11/20 职场文书
2014年副班长工作总结
2014/12/10 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python