首页 > 编程 > JavaScript > 正文

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

2019-11-19 16:26:19
字体:
来源:转载
供稿:网友

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

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

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