评论

data-*的误区（举个栗子）

2019-12-15
6975浏览
7评论

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

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

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

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

binnie：谢了华哥，犯了低级错误，噗哈哈哈

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

data-* 属性包括两部分

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

语法

<element data-*="somevalue">


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

© 2019 BINNIE 吉祥

严禁做笔记

点赞 21
收藏
评论

7 个评论

  • 青团社
    青团社
    2019-12-16

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

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

    按照惯例默默点赞

    2019-12-16
    赞同 1
    回复
  • 壹叁贰
    壹叁贰
    2023-01-30

    data-xxx 取值 xxx

    data-xxx-yyy 取值 xxxYyy

    data-math-score ===> mathScore

    2023-01-30
    赞同
    回复
  • 揽月摘星辰
    揽月摘星辰
    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-15

    先点后看，已成习惯

    2019-12-15
    赞同
    回复
请 登录 后发表内容
作者介绍

文章标签
常见错误小程序开发