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


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 相关文章推荐
JS代码优化技巧之通俗版(减少js体积)
Dec 23 Javascript
Js+Flash实现访问剪切板操作
Nov 20 Javascript
完美解决IE9浏览器出现的对象未定义问题
Sep 29 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
JavaScript中三个等号和两个等号你了解多少
Jul 04 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
Angular表格神器ui-grid应用详解
Sep 29 Javascript
vue总线机制(bus)知识点详解
May 10 Javascript
基于Vue中的父子传值问题解决
Jul 27 Javascript
微信小程序实现点赞业务
Feb 10 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
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
PHP基础学习小结
2011/04/17 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
php时区转换转换函数
2014/01/07 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
详解PHP队列的实现
2019/03/14 PHP
javascript模拟的Ping效果代码 (Web Ping)
2011/03/13 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
JavaScript实现DOM对象选择器
2016/09/24 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
2019/06/22 Javascript
Python中列表的一些基本操作知识汇总
2015/05/20 Python
python实现图像识别功能
2018/01/29 Python
Python中实现变量赋值传递时的引用和拷贝方法
2018/04/29 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
python如何实现数据的线性拟合
2019/07/19 Python
python plotly画柱状图代码实例
2019/12/13 Python
PyTorch实现AlexNet示例
2020/01/14 Python
Python 改变数组类型为uint8的实现
2020/04/09 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
挖掘机司机岗位职责
2014/02/12 职场文书
实习协议书范本
2014/04/22 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
导游词欢迎词
2015/02/02 职场文书
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript