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


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 相关文章推荐
IE6 fixed的完美解决方案
Mar 31 Javascript
基于jquery点击自以外任意处,关闭自身的代码
Feb 10 Javascript
JS链式调用的实现方法
Mar 07 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
Dec 01 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
js 性能优化之算法和流程控制
Feb 15 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 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中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
php获取图片信息的方法详解
2015/12/10 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
Laravel网站打开速度优化的方法汇总
2017/07/16 PHP
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
使用puppeteer破解极验的滑动验证码
2018/02/24 Javascript
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
详解处理Vue单页面应用SEO的另一种思路
2018/11/09 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
浅谈js中的bind
2019/03/18 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
Python列表list数组array用法实例解析
2014/10/28 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
python多维数组切片方法
2018/04/13 Python
通过Pandas读取大文件的实例
2018/06/07 Python
python实现决策树分类
2018/08/30 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
Pycharm连接gitlab实现过程图解
2020/09/01 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
简单租房协议书(范本)
2014/10/13 职场文书
加强机关作风建设心得体会
2014/10/22 职场文书
退休职工欢送会致辞
2015/08/01 职场文书
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js