vue 點擊切換動態Class變化,實現當前樣式改變

一、先在data里增加一個變量，用來儲存當前點擊的元素
 

return {

    leftColorDisplay: 0, // 0為默認選擇第一個，-1為不選擇

};

 二、在template里面的代碼，切記在@click方法里面要傳index，

 

 

三、點擊事件：改變data里面leftIndex的值

 

 

四、在style中寫上 .leftColorChang樣式

 

 

五、效果圖

 

 

 

 

如果你的需求和我一樣請加以上倆個標簽你也可以試下加與不加的效果區別。