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来实现可以输入值的下拉选单 雏型
Dec 06 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
JS简单验证上传文件类型的方法
Apr 17 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
localstorage实现带过期时间的缓存功能
Jun 28 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 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中Date获取时间不正确怎么办
2008/06/05 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
js tab效果的实现代码
2009/12/26 Javascript
js 面向对象的技术创建高级 Web 应用程序
2010/02/25 Javascript
jquery删除指定子元素代码实例
2015/01/13 Javascript
JavaScript学习笔记之内置对象
2015/01/22 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
js保留两位小数方法总结
2018/01/31 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
JS实现随机点名器
2020/04/12 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Windows下为Python安装Matplotlib模块
2015/11/06 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
对Python w和w+权限的区别详解
2019/01/23 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
安装python及pycharm的教程图解
2019/10/10 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
python如何进行矩阵运算
2020/06/05 Python
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
自1926年以来就为冰岛保持温暖:66°North
2020/11/27 全球购物
个人承诺书怎么写
2014/05/24 职场文书
劳动竞赛口号
2014/06/16 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
公安学专业求职信
2014/07/27 职场文书
交通事故协议书范文
2014/10/23 职场文书
2014年办公室工作总结范文
2014/11/12 职场文书
工程部部长岗位职责
2015/02/12 职场文书
出纳岗位职责范本
2015/03/31 职场文书
植物园观后感
2015/06/11 职场文书
归途列车观后感
2015/06/17 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电