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