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


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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
<script defer> defer 是什么意思
May 10 Javascript
xss文件页面内容读取(解决)
Nov 28 Javascript
ECMAScript6函数默认参数
Jun 12 Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 Javascript
JQuery用户名校验的具体实现
Mar 18 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
Aug 25 Javascript
ios中视频的最后一桢问题解决
May 14 Javascript
JavaScript实现秒杀时钟倒计时
Sep 29 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 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
dedecms模板标签代码官方参考
2007/03/17 PHP
PHP处理JSON字符串key缺少双引号的解决方法
2014/09/16 PHP
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
原生JS封装animate运动框架的实例
2017/10/12 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
[01:08:56]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第一场 2月7日
2021/03/11 DOTA
Python入门篇之列表和元组
2014/10/17 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
Python解析Excle文件中的数据方法
2018/10/23 Python
django小技巧之html模板中调用对象属性或对象的方法
2018/11/30 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
python selenium 获取接口数据的实现
2020/12/07 Python
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
大一学生假期实习的自我评价
2013/10/12 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
2014年后勤工作总结
2014/11/18 职场文书
廉洁自律承诺书2016
2016/03/25 职场文书