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

方法一：通过绑定函数传参直接获取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}}