关于使用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
关于使用data()获取自定义属性出现undefined的说明相关推荐
- vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面 第二步:在标签上继续绑定:date-id = ...
- layui下拉框怎么获取自定义值_layui select获取自定义属性方法
在layui里面给了特定几个自定义属性title 请选择属性 雪碧 芬达 冰糖雪梨 金贝 监听select form.on('select(sadaS)', function(data){ conso ...
- JS获取自定义属性data-*值与dataset
转载自 JS获取自定义属性data值 <body> <div id="tree" data-leaves="47" data-plant- ...
- 微信小程序 - Setting data field “xxx“ to undefined is invalid.报错原因及解决方案
前言 ## 完整报错(SEO) ## 翻译: 将数据字段"XXX"设置为未定义是无效的. Setting data field "xxx" to undefin ...
- html5自定义属性作用,html5自定义属性:如何获取自定义属性值(附代码)
这篇文章给大家介绍的内容是关于html5自定义属性:如何获取自定义属性值(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 自定义属性: 在HTML5中我们可以自定义属性,其格 ...
- Vuex——使用namespace的store使用mapState获取state为undefined
问题描述 使用namespace的store使用mapState获取state为undefined 解决方案 1....mapState中基于属性的访问 ...mapState({searchInpu ...
- JavaScript文档对象模型document对象获取自定义属性值和设置移除自定义属性(5)
得出结论:element .属性只能获取内置对象属性值,而element.getAtrribute('属性')不仅可以获取内置对象属性值,还可以获取自定义属性值 获得属性值案例: <!DOCTY ...
- Android系统控件获取自定义属性
我们如果想在ImageView,Button,TextView等系统控件中在XML中配置自定义属性该如何实现呢?例如我们有一个scrollView,在ScrollView里面有上述的一些控件的自定义属 ...
- pandas_datareader.data 获取雅虎财经股票数据并以csv格式存放
pandas_datareader.data 获取雅虎财经股票数据并以csv格式存放 import numpy as np import pandas as pd import pandas_data ...
最新文章
- 电脑所有程序里有不一样颜色_12个好玩的电脑屏保,让你成为别人眼中最靓的仔。...
- 大一c语言程序设计计算器,C语言程序设计-课程设计《计算器程序》.docx
- adb—fastboot—Download Honor 4C ClockworkMod (Cofface) Custom Recovery
- linux安装7z命令,Linux 下安装 7zip 及使用
- astah java版本_astah community
- GoF 的 23 种设计模式的分类和功能
- MYSQL命令(超详细)
- 微信公众号粉丝维护怎么做?
- Redux开发实用教程
- FPGA布局及资源优化
- 步进电机开环控制的要点
- 如果你真的想要做好互联网项目 请不要将项目的技术外包
- JS实现注册登录发送短信验证码动态显示60S倒计时完整案例
- lego-loam 跑 kitti00包(kitti2bag+lego-loam+evo)详细版
- ARPA x 京东数科:隐私计算如何赋能未来金融数据共享
- LHS和RHS的理解
- 管清友的股票投资课_笔记 _Part3
- 计算机图形学笔记(一),色彩讲义
- 用c语言找出黑色星期五,C语言判断黑色星期五
- 【Energy Big Data】能源互联网和电力大数据