vue通過事件對象獲取標簽上的屬性值的兩種方式
<template>
<div><button data-id='qwe' @click="btnClick">按鈕</button></div>
</template>
<script>
export default {
data(){
return {
msg:''
}
},
methods:{
btnClick(e){
console.log(e.target.dataset) //屬性是以data-xx-xx 的形式,否則不能獲取到
console.log(e.target.getAttribute('data-id')) //沒有上面的局限性
}
}
}
</script>
<style lang="scss">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
}
}
}
</style>
