方法一:通过绑定函数传参直接获取DOM元素自定义的值

<div id="app">
  <button  @click="getData($event,'100')"></button>
</div>
methods : {
   getData(e,num) {
        console.log(num);     //  100
   }
}

方法二:通过$ref属性获取

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

方法三:通过绑定函数传参,得到DOM元素,再得到自定义属性

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

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

前往低代码交流专区

更多推荐