首先在data定義一個數組,數組里面的結構是對象,在對象里面寫一個鍵值對,對應上你需要的文字,然后定義一個 active:'' 。在html結構中用 v-for 循環遍歷出來,然后加個class 例如 :class="{live_btn:true,active:active === item.name} ,再定義一個方法, 例如 @click="conversion(item.name)" 把item 里面的名字當做實參傳進這個方法里面,這些都寫在同一個結構里面,例如 我是寫在 button 標簽里面的。
昨晚這些還有最重要的一步就是,在 methods 里面寫方法,把 active 等於點擊的時候傳過來的參數,這樣條件成立,就可以高亮了。 this.active = name;