Vue 获取dom元素中的自定义属性值

Posted 2021-02-21 ygyy

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 获取dom元素中的自定义属性值相关的知识，希望对你有一定的参考价值。

<div id="app">
  <button  @click="getData($event,‘100‘)">点我</button>
</div>

methods : {
   getData(e,num) {
        console.log(num);     // 输出 100
   }
}

HTML

<div id="app">
  <button data-num="100" ref="dataNum"  @click="getData($event)">点我</button>
</div>

methods : {
   getData (e) {
       console.log(this.$refs.dataNum.dataset.num);     // 输出 100
   }
}

HTML

<div id="app">
  <button data-num="100" @click="getData($event)">点我</button>
</div>

methods : {
   getData (e) {
       console.log(e.target.getAttribute(‘data-num‘));     // 输出 100
   }
}

链接：https://www.jianshu.com/p/969285fc7729

以上是关于Vue 获取dom元素中的自定义属性值的主要内容，如果未能解决你的问题，请参考以下文章