vue.js 获取标签属性值

vue

方法一：

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

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

方法二：

<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
   }
}

方法三：

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

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

转： https://blog.csdn.net/weixin_44285250/article/details/89531510