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


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 相关文章推荐
jQuery 操作XML入门
Dec 25 Javascript
jquery如何判断某元素是否具备指定的样式
Nov 05 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
JavaScript实现的浮动层框架用法实例分析
Oct 10 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
动态更新highcharts数据的实现方法
May 28 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
JavaScript中创建原子的方法总结
Aug 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
?生?D片??C字串
2006/12/06 PHP
php中将地址生成迅雷快车旋风链接的代码[测试通过]
2011/04/20 PHP
ajax取消挂起请求的处理方法
2013/03/18 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
解决html input验证只能输入数字,不能输入其他的问题
2017/07/21 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
React中jquery引用的实现方法
2017/09/12 jQuery
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
微信小程序仿今日头条导航栏滚动解析
2019/08/20 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
[16:14]教你分分钟做大人:米拉娜(HEROS)
2014/11/24 DOTA
实例讲解Python中的私有属性
2014/08/21 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
职工运动会邀请函
2014/02/02 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
Django路由层如何获取正确的url
2021/07/15 Python