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

方法一:

HTML

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

JS

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

方法二:

HTML

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

JS

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

方法三:

HTML

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

JS

methods : {
   getData (e) {
       console.log(e.target.getAttribute('data-num'));     // 输出 100
   }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容