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

这应该是这个函数的一个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