vue.js 获取当前自定义属性值


Posted in Javascript onJune 01, 2017

假设有一个标签h5, 我们给它添加了一个自定义属性值,(item.id是从动态添加的)

点击h5 标签,如何才能获取当前对应的自定义属性值呢?

想当然的我最开始这样写:

<h5 class="left t-title" @click='getDataId' :data-id="item.id"></h5>

<script>
  methods: {
    getDataId() {
      console.log(this.data-id);
    }
   },
  
</script>

显然,这样是拿不到 data-id的值的。。。。

应该这样做:

<h5 class="left t-title" @click='getDataId(item.id)' :data-id="item.id"></h5>

<script>
  methods: {
    getDataId(id) {
      console.log(id);
    }
   },
  
</script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery构造器的实现代码小结
May 16 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
解决jQuery使用JSONP时产生的错误
Dec 02 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
jQuery Validate让普通按钮触发表单验证的方法
Dec 15 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
vue使用vuex实现首页导航切换不同路由的方法
May 08 Javascript
Javascript confirm多种使用方法解析
Sep 25 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 #Javascript
vue快捷键与基础指令详解
Jun 01 #Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 #Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 #Javascript
Vue.Draggable实现拖拽效果
Jul 29 #Javascript
JS请求servlet功能示例
Jun 01 #Javascript
vue.js加载新的内容(实例代码)
Jun 01 #Javascript
You might like
PHP+javascript模拟Matrix画面
2006/10/09 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
vue在线动态切换主题色方案
2020/03/26 Javascript
通过实例解析jQ Ajax操作相关原理
2020/09/23 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
Python实现把utf-8格式的文件转换成gbk格式的文件
2015/01/22 Python
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
使用keras2.0 将Merge层改为函数式
2020/05/23 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
廉价航班、机票和酒店:JustFly
2018/02/07 全球购物
财务人员的自我评价范文
2014/03/03 职场文书
个人授权委托书范文
2014/09/21 职场文书
庆祝儿童节标语
2014/10/09 职场文书
工作经验交流材料
2014/12/30 职场文书
经理岗位职责
2015/02/02 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
关于法制教育的宣传语
2015/07/13 职场文书
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python