微信小程序传值获取值的实例方法

  • 更新时间:2020-05-16 13:42:18
  • 编辑:黄俊人

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

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

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

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

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

相关教程

  • 如何解决vue props传值失败后输出undefined的问题

    今天小编就为大家分享一篇vue props传值失败 输出undefined的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    发布时间:2020-01-07

  • vue2.0组件之间传值、通信的方式总结

    这篇文章主要介绍了vue2.0组件之间传值、通信的多种方式以及注意要点,需要的朋友可以参考下

    发布时间:2020-01-06

  • 用jQuery实现异步通信(用json传值)方法步骤

    这是一个简单的POST 请求功能以取代复杂 $.ajax,请求成功时可调用回调函数,感兴趣的朋友可以参考下哈,希望对你有所帮助

    发布时间:2020-01-20

  • php函数的传值如果需要引用传递注意的细节

    这篇文章主要介绍了php函数传值的引用传递注意事项,涉及php配置文件的设置及数组函数的使用技巧,需要的朋友可以参考下

    发布时间:2020-02-20

  • 详解SpringMVC的ModelAndView传值方法

    今天小编就为大家分享一篇SpringMVC的ModelAndView传值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    发布时间:2020-01-13

  • 小程序 巧应用:微信小程序开发实战

    小程序 巧应用:微信小程序开发实战

    《小程序,巧应用:微信小程序开发实战》 系统全面地讲解微信小程序的开发技术。开篇创建一个小程序项目并解析体验,介绍如何由零开始创建一个小程序,全面体验小程序的开发工具、界

    大小:79.9 MB小程序电子书

  • 微信小店这样做才赚钱

    微信小店这样做才赚钱

    大小:27.3MB电子商务电子书

  • 微信公众平台网页开发实战:HTML5+JSSDK混合开发解密

    微信公众平台网页开发实战:HTML5+JSSDK混合开发解密

    2017年,微信已经全面支持公众平台内的网页开发,并且提供了网页开发样式库、JSSDK库和网页内支付、网页调试工具,Web开发人员可以利用这些功能开发出更多、更好、更炫的微信内应用。《

    大小:195.8 MB微信开发电子书

  • 知晓程序:微信小程序入门指南

    知晓程序:微信小程序入门指南

    本教程是一本分析小程序生态、解读小程序产品设计与开发的入门图书。全书共7章,全面讲解了小程序的基本知识、小程序将给我们带来什么改变、小程序上手案例、如何转行小程序开发、电

    大小:6.9 MB小程序开发电子书

  • 微信小程序实战入门

    微信小程序实战入门

    大小:32.7 MB微信开发电子书

  • 微信小程序运营实战

    微信小程序运营实战

    小程序给用户带来怎样的价值?小程序给中小企业带来怎样的机遇?传统企业如何借助小程序实现移动化转型?企业如何利小程序实现品牌营销?商家如何借助小程序进行运营推广

    大小:33.4 MB微信小程序电子书

  • 微信公众平台商业应用搭建、支付开发与运维实践

    微信公众平台商业应用搭建、支付开发与运维实践

    (1)偏重于落地式实践活动,36个小案例6个综合性实例,精练解读配搭详实编码注解,务求对接服务平台构建、微信付款开发设计与统计数据运维管理总体开发设计步骤。 (2)深入分析微信

    大小:270.1 MB微信开发

用户留言