HTML
<div class="text">
<input type="button" :class = "isActive == index?'btn-success':''" v-for="(item,index) in btnList" class="btn btn-rz mr-5 radius" @click="changeStatus(index)" :value="item.text">
</div>
CSS
.btn-success {color:#fff;background-color:#429842;border-color:#429842}.
JS
var vm = new Vue({
el: "#app",
data: {
btnList:[
{text:'全部'},
{text:'已处理'},
{text:'待处理'},
],
isActive:0,
},
methods: {
//切换菜单
changeStatus:function(index){
this.status = index
this.getList()
},
}
})