vue.js 获取当前自定义属性值_网络技术_宿州市腾雀网络科技有限公司

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

发布时间 - 2026-01-11 01:38:08 点击率：次

假设有一个标签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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue # 自定义属性 # vue.js # 获取自定义属性 # 在Vue中获取自定义属性方法:data-id的实例 # Vue 自定义标签的src属性不能使用相对路径的解决 # vue如何获取自定义元素属性参数值的方法 # Vue自定义属性实例分析 # vue2.0获取自定义属性的值 # vue中的自定义属性并获得属性的值方式 # 自定义 # 是从 # 这样做 # 想当然 # 给它 # 大家多多 # 有一个 # methods # id # br # script # item # js # console # log # pre # click # title # data # getDataId

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：专业网站设计：打造独特在线品牌形象

下一篇：如何配置服务日志轮转 logrotate日志管理方案

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：专业网站设计：打造独特在线品牌形象

下一篇：如何配置服务日志轮转 logrotate日志管理方案