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"&g
·
方法一:通过绑定函数传参直接获取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
}
}
更多推荐
已为社区贡献7条内容
所有评论(0)