vue中绑定样式

Posted 2021-03-06 gwkzb

<div class="title">
     <span @click="saoMa" :class="{‘active‘:color1}">扫码报修</span>
     <span @click="other" :class="{‘active‘:color2}">其他途径报修</span>
</div>

export default {
    data(){
        return{
            color1:true,
            color2:false,
        }
    },
    methods:{ 
        saoMa:function(){
　　　　　　　 this.color1 = true;
            this.color2 = false;
        },
        other:function(){
　　　　　　　 this.color1 = false;
            this.color2 = true;
        },
    }
}

 

<style>
.active{
    color:#1057CD;
}
</style