鍍金池/ 問(wèn)答/HTML/ Vue.js中，現(xiàn)在我有三個(gè)按鈕，剛開(kāi)始顏色一樣，我想點(diǎn)擊一個(gè)的時(shí)候那個(gè)變色，怎

Vue.js中，現(xiàn)在我有三個(gè)按鈕，剛開(kāi)始顏色一樣，我想點(diǎn)擊一個(gè)的時(shí)候那個(gè)變色，怎么實(shí)現(xiàn)呢?

Vue.js中，現(xiàn)在我有三個(gè)按鈕，剛開(kāi)始顏色一樣，我想點(diǎn)擊一個(gè)的時(shí)候那個(gè)變色，怎么實(shí)現(xiàn)呢?
我的頁(yè)面代碼

clipboard.png

                <button class="btn anni1" @click="zhengchang(i,x,y)">正常</button>
                                    <button class="btn anni2" @click="yichang(i,x,y)">異常</button>
                                    <button class="btn anni3" @click="beizhu(i,x,y)">備注</button>

想要的效果如下

clipboard.png

只有一個(gè)是單獨(dú)的顏色，剩下魯昂個(gè)正常

回答
編輯回答
玩控

<button class="btn anni1" :class="{active:index == num}" @click="zhengchang(i,x,y)">正常
</button>

    tab: function(index) {
        this.num = index;
    }
2018年8月15日 14:14
編輯回答
臭榴蓮

等我下午到公司給你貼解決方法

2017年4月27日 20:47
編輯回答
來(lái)守候
<button @click="target='btn1'" :class="{red: target==='btn1'}">
<button @click="target='btn2'" :class="{red: target==='btn2'}">
2018年4月9日 03:48