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


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调用flash的效果代码
Apr 26 Javascript
js常用代码段收集
Oct 28 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
jquery实现显示已选用户
Jul 21 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
原生JavaScript实现留言板
Jan 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
PHP+MYSQL的文章管理系统(二)
2006/10/09 PHP
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
Django 中 cookie的使用
2017/08/17 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
javascript读取xml
2006/11/04 Javascript
JS字符串函数扩展代码
2011/09/13 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
如何在Python中编写并发程序
2016/02/27 Python
python类中super()和__init__()的区别
2016/10/18 Python
python中文编码与json中文输出问题详解
2018/08/24 Python
python 检查文件mime类型的方法
2018/12/08 Python
python单例模式的多种实现方法
2019/07/26 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
python中os.remove()用法及注意事项
2021/01/31 Python
社会实践自我鉴定
2013/11/07 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
捐款倡议书
2014/04/14 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
乡镇2014法制宣传日活动总结
2014/11/01 职场文书
委托书英文
2015/01/28 职场文书
医院病假条范文
2015/08/17 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
Golang日志包的使用
2022/04/20 Golang