您当前的位置: 首页 > 知识百科 > 小程序路径传参是怎么回事?

小程序路径传参是怎么回事?

时间:2023-07-01 14:05 阅读数:106 人阅读 分类:知识百科

  小程序路径传参是怎么回事?很多新手微信小程序开发的时候都会遇到不同的问题,其中小程序路径传参是怎么回事就是其中一个。下面大家可以随小编一起看看小程序路径传参的详细内容。

  小程序路径传参是怎么回事?

  dataset

  在组件中可以定义数据,这些数据将会通过事件传递给SERVICE。

  书写方式:以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在event.target.dataset中会将连字符转成驼峰elementType。

  示例一:

  a.js传递数组到b.js:

  a.js

  b.js

  效果图:

  可以看出直接打印JSON.stringify后的为字符串;JSON.parse后打印出来的为objectge格式。

  事例二:

  wxml:

  微信小程序js:

  event打印结果:

  注意两点:

  1、data-名称不能有大写字母,如果需要,可以通过-(中划线)来连接单词,编译的时候小程序会将第二个单词首字母自动大写。图中小程序代码是为了自己标志,所以第二个单词的首字母大写了,其实可以不用。data-* 属*中不可以存放对象。

  2、注意打印结果中target和currentTarget的区别。

  target 触发事件的源组件。

  currentTarget 事件绑定的当前组件。

  如果你在父容器上绑定了事件并传参,当你点击父容器时,事件绑定的小程序组件和触发事件的源组件是同一个元素,所以currentTarget、target都可以拿到参数,但是当你点击子元素时,target就不是事件绑定的组件了,所以拿不到参数。

  由于事件冒泡的机制,父容器上绑定的事件依然可以触发,所以currentTarget 依然可以拿到参数。

  说明:

  id传参和dataset类似,只是最后获取值的时候不同。

  以上就是小编给大家收集的小程序路径传参是怎么回事的全部内容了,相信大家对于小程序路径传参是怎么回事已经有了一个全面的了解。大家如果想知道更多精彩内容,可以来微小乔哦。

相关推荐:

自定义菜单小程序路径是什么?有什么用?

小程序路径审核通过就会有吗?小程序如何提高通过率?

公众号小程序路径怎么开发?