首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:16:28
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选