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选中或取消radio示例
Sep 29 Javascript
JavaScript浏览器对象之一Window对象详解
Jun 03 Javascript
springMVC结合AjaxForm上传文件
Jul 12 Javascript
详解vue-router基本使用
Apr 18 Javascript
Windows安装Node.js报错:2503、2502的解决方法
Oct 25 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
vue实现移动端H5数字键盘组件使用详解
Aug 25 Javascript
uniapp开发小程序的经验总结
Apr 08 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+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
Javascript 赋值机制详解
2014/11/23 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
JS图片预加载三种实现方法解析
2020/05/08 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
Python使用代理抓取网站图片(多线程)
2014/03/14 Python
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
python机器学习理论与实战(五)支持向量机
2018/01/19 Python
详解python 注释、变量、类型
2018/08/10 Python
Python中一些深不见底的“坑”
2019/06/12 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
瑞典在互联网上最大的宠物商店:Animail
2020/10/31 全球购物
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
《童趣》教学反思
2014/02/19 职场文书
体育活动总结范文
2014/05/04 职场文书
天河观后感
2015/06/11 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技