评论

data-*的误区(举个栗子)

微信小程序开发从入门到精通

场景:点击按钮获取data-*的值跳转页面,跳转页获取传过来的参数

binnie: 华哥,为什么有的部分参数传不过去然后显示undefined?

华哥: binnie, 我看了一下你的代码,你错在属性名有大写字母了。我给你写了个例子,你参考一下,以后别犯这种错误了。

binnie:谢了华哥,犯了低级错误,噗哈哈哈

** 有的同学在开发小程序时候,碰到了奇怪的问题,明明代码写的没问题,为什么就报错呢?
请看一下介绍

data-* 属性包括两部分

  • 属性名不应该包含任何大写字母,并且在前缀 “data-” 之后必须有至少一个字符
  • 属性值可以是任意字符串

语法

<element data-*="somevalue">


示例代码:https://developers.weixin.qq.com/s/8AGZKDmd7VdS


© 2019 BINNIE 吉祥

严禁做笔记

点赞 18
收藏
评论

7 个评论

  • 匡明山
    匡明山
    05-31
    @、‘
    05-31
    赞同
    回复
  • 揽月摘星辰
    揽月摘星辰
    2021-04-03

    方法是页面navigateTo跳转页面去传回一个参数navigateBack回来根据data-type的参数执行不同的方法,如果在执行navigateBack快了回来就获取不到data-type的参数

    2021-04-03
    赞同
    回复
  • 小程序技术专员-binnie
    小程序技术专员-binnie
    2020-04-09

    谢了华哥~

    2020-04-09
    赞同
    回复 3
    • 11月
      11月
      2020-08-13
      binnie~[Doge]
      2020-08-13
      1
      回复
    • 景泓
      景泓
      2021-09-15回复11月
      binnie~[Doge]
      2021-09-15
      回复
    • 景泓
      景泓
      2021-09-15
      binnie~[Doge]
      2021-09-15
      回复
  • 小肥羊
    小肥羊
    2020-03-23
    回过头来学习
    2020-03-23
    赞同
    回复
  • 青团社
    青团社
    2019-12-16

    我是来给开头的 那段对话点赞的

    2019-12-16
    赞同
    回复 1
    • Mr.Zhao
      Mr.Zhao
      2019-12-16
      so that's it
      2019-12-16
      回复
  • 小肥羊
    小肥羊
    2019-12-16

    按照惯例默默点赞

    2019-12-16
    赞同
    回复
  • 子不语
    子不语
    2019-12-15

    先点后看,已成习惯

    2019-12-15
    赞同
    回复
登录 后发表内容