脚本之家

电脑版
提示:原网页已由神马搜索转码, 内容由www.jb51.net提供.
您的位置：首页→ 网络编程→ JavaScript→ javascript技巧→ 微信小程序传值及获取值

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

  更新时间：2019年04月29日 10:41:32  作者：wgcc 
这篇文章主要介绍了微信小程序传值以及获取值方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，

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);


到此为止，我们数值传递并接收成功，后面就可以根据我们接收的参数，进行进一步的操作了。

以上所述是小编给大家介绍的微信小程序传值以及获取值方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

相关文章

    • layui实现多图片上传并限制上传的图片数量
      今天小编就为大家分享一篇layui实现多图片上传并限制上传的图片数量，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
      2019-09-09
    • Bootstrap所支持的表单控件实例详解
      Bootstrap 支持最常见的表单控件，主要是 input、textarea、checkbox、radio 和 select。本文通过实例代码给大家讲解Bootstrap所支持的表单控件，感兴趣的朋友一起学习吧
      2016-05-05
    • JS组件封装之监听localStorage的变化
      这篇文章主要介绍了JS组件封装之监听localStorage的变化,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
      2022-09-09
    • JavaScript中双符号的运算详解
      这篇文章主要给大家介绍了JavaScript中双符号的运算，其中包括双波浪号和双感叹号的运算，文中给出了详细的示例代码，需要的朋友们可以参考借鉴，下面来一起看看吧。
      2017-03-03
    • JS模拟的Map类实现方法
      这篇文章主要介绍了JS模拟的Map类实现方法,可实现模拟java中map属性按照键值对保存的功能,提供了采用数组和json两种实现方式,需要的朋友可以参考下
      2016-06-06
    • js模仿html5 placeholder适应于不支持的浏览器
      html5原生支持placeholder，对于不支持的浏览器（ie）可用js模拟实现，不要走开，接下来为您详细介绍实现方法
      2013-01-01
    • JavaScript中this的用法实例分析
      这篇文章主要介绍了JavaScript中this的用法,结合实例形式分析了this的功能、常见用法与相关注意事项,需要的朋友可以参考下
      2016-12-12
    • js封装tab标签页实例分享
      本篇文章主要分享了js封装tab标签页的示例代码，具有很好的参考价值，需要的朋友一起来看下吧
      2016-12-12
    • es6中Promise 对象基本功能与用法实例分析
      这篇文章主要介绍了es6中Promise 对象基本功能与用法,结合实例形式分析了es6中Promise对象的基本功能、用法及操作注意事项,需要的朋友可以参考下
      2020-02-02
    • JS检测数组类型的方法小结
      这篇文章主要介绍了js检测数组类型的方法小结,有instanceof方法Array.isArray() 方法和Object.prototype.toString.call()方法，都是比较常用的，需要的朋友可以参考下
      2017-03-03

    最新评论