您的位置:首页 > 其它

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

2017-10-30 16:37 435 查看
这应该是这个函数的一个bug,没有考虑到驼峰式的写法,当我写成驼峰式,即是有大小写的变量时就会出现没有定义的情况。

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

代码如下:

<a data-field="price" data-orderWay="desc">单价</a>

[code]$
wrap
.
on
(
'
click
'
,
'a'
,
function
() {
var
$
this
=
[/code]
$
(this),
field
=
[/code]
$
this.
data
(
'field'
),
orderWay
=
[/code]
$
this.
data
(
'orderWay'
);

console
.
log
(field);
/
*
price[code]*
/[/code]
console
.
log
(orderWay);
/
*
[code]undefined
*
/[/code]
});
[/code]
修改如下:

<a data-field="price" data-orderway="desc">单价</a>

[code]$
wrap
.
on
(
'
click
'
,
'a'
,
function
() {
var
$
this
=
[/code]
$
(this),
orderWay
=
[/code]
$
this.
data
(
'orderway'
);

console
.
log
(orderWay);
/
*
desc[code]*
/[/code]
});
[/code]
两处代码,仅仅是将 orderWay 改成 orderway 而已,区别这么大,jQuery实现 data 的时候应该是存在问题的。还有一点需要说明,就是vue后台给的数据要是字符串,不能是布尔值。不然为‘’
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: