点击按钮,切换高亮背景
<button @click="btnClick(1)" :class="{ active: btnNum === 1 }">日</button>
<button @click="btnClick(2)" :class="{ active: btnNum === 2 }">日累计</button>
<button @click="btnClick(3)" :class="{ active: btnNum === 3 }">月</button>
<script>
export default {
data() {
return {
btnNum: 1,//默认‘日’高亮背景
}
},
methods:{
btnClick(index) {
this.btnNum = index;
}
}
}
</script>
<style>
.active {
background: #0c80dd !important;
}
</style>