这应该是这个函数的一个bug,没有考虑到驼峰式的写法,当我写成驼峰式,即是有大小写的变量时就会出现没有定义的情况。

今天写个交互,需要用到自定义属性,因为这个自定义属性是当作字段用的,就直接用了字段名称,结果发现取出来是 undefined ,检查了好几遍没有代码错误,试了下另外一个字段,发现可以取到,看了下区别,取不到值得自定义属性是带有驼峰的,难道是这个问题?去掉了驼峰中的大写,发现可以了,可以了!!!

代码如下:

    <a data-field="price" data-orderWay="desc">单价</a> 
    $wrap.on('click', 'a', function() {var $this = $(this),field = $this.data('field'),orderWay = $this.data('orderWay');console.log(field); /*price*/console.log(orderWay); /*undefined*/});

修改如下:

    <a data-field="price" data-orderway="desc">单价</a> 
    $wrap.on('click', 'a', function() {var $this = $(this),orderWay = $this.data('orderway');console.log(orderWay); /*desc*/});

两处代码,仅仅是将 orderWay 改成 orderway 而已,区别这么大,jQuery实现 data 的时候应该是存在问题的。还有一点需要说明,就是vue后台给的数据要是字符串,不能是布尔值。不然为‘’

转载于:https://www.cnblogs.com/sweeeper/p/7755160.html

关于使用data()获取自定义属性出现undefined的说明相关推荐

  1. vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例

    获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面 第二步:在标签上继续绑定:date-id = ...

  2. layui下拉框怎么获取自定义值_layui select获取自定义属性方法

    在layui里面给了特定几个自定义属性title 请选择属性 雪碧 芬达 冰糖雪梨 金贝 监听select form.on('select(sadaS)', function(data){ conso ...

  3. JS获取自定义属性data-*值与dataset

    转载自   JS获取自定义属性data值 <body> <div id="tree" data-leaves="47" data-plant- ...

  4. 微信小程序 - Setting data field “xxx“ to undefined is invalid.报错原因及解决方案

    前言 ## 完整报错(SEO) ## 翻译: 将数据字段"XXX"设置为未定义是无效的. Setting data field "xxx" to undefin ...

  5. html5自定义属性作用,html5自定义属性:如何获取自定义属性值(附代码)

    这篇文章给大家介绍的内容是关于html5自定义属性:如何获取自定义属性值(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 自定义属性: 在HTML5中我们可以自定义属性,其格 ...

  6. Vuex——使用namespace的store使用mapState获取state为undefined

    问题描述 使用namespace的store使用mapState获取state为undefined 解决方案 1....mapState中基于属性的访问 ...mapState({searchInpu ...

  7. JavaScript文档对象模型document对象获取自定义属性值和设置移除自定义属性(5)

    得出结论:element .属性只能获取内置对象属性值,而element.getAtrribute('属性')不仅可以获取内置对象属性值,还可以获取自定义属性值 获得属性值案例: <!DOCTY ...

  8. Android系统控件获取自定义属性

    我们如果想在ImageView,Button,TextView等系统控件中在XML中配置自定义属性该如何实现呢?例如我们有一个scrollView,在ScrollView里面有上述的一些控件的自定义属 ...

  9. pandas_datareader.data 获取雅虎财经股票数据并以csv格式存放

    pandas_datareader.data 获取雅虎财经股票数据并以csv格式存放 import numpy as np import pandas as pd import pandas_data ...

最新文章

  1. 电脑所有程序里有不一样颜色_12个好玩的电脑屏保,让你成为别人眼中最靓的仔。...
  2. 大一c语言程序设计计算器,C语言程序设计-课程设计《计算器程序》.docx
  3. adb—fastboot—Download Honor 4C ClockworkMod (Cofface) Custom Recovery
  4. linux安装7z命令,Linux 下安装 7zip 及使用
  5. astah java版本_astah community
  6. GoF 的 23 种设计模式的分类和功能
  7. MYSQL命令(超详细)
  8. 微信公众号粉丝维护怎么做?
  9. Redux开发实用教程
  10. FPGA布局及资源优化
  11. 步进电机开环控制的要点
  12. 如果你真的想要做好互联网项目 请不要将项目的技术外包
  13. JS实现注册登录发送短信验证码动态显示60S倒计时完整案例
  14. lego-loam 跑 kitti00包(kitti2bag+lego-loam+evo)详细版
  15. ARPA x 京东数科:隐私计算如何赋能未来金融数据共享
  16. LHS和RHS的理解
  17. 管清友的股票投资课_笔记 _Part3
  18. 计算机图形学笔记(一),色彩讲义
  19. 用c语言找出黑色星期五,C语言判断黑色星期五
  20. 【Energy Big Data】能源互联网和电力大数据

热门文章

  1. 网络流24题之魔术球问题
  2. 八皇后问题 (递归 搜索)
  3. 开发者必备的12个JavaScript库
  4. Sqlserver循环嵌套
  5. HDOJ2795 Billboard【线段树】
  6. 共享一个对Reflector 反编译支持中文的修正FileGenerator文件
  7. iOS开发UI篇—Modal简单介绍
  8. flash新闻图片轮转————c#+数据库解决
  9. 通过DataTable导出Excel
  10. mysql 索引语法_MySQL 索引:语法及案例剖析