vue中點擊菜單，更換對應的選中的圖片和字體顏色

vue中點擊菜單，更換對應的選中的圖片和字體顏色

我都是直接截的圖，這樣可以讓你們邊看邊自己敲，這樣可以更好的學習，腦過千遍不如手過一遍

將菜單數組寫好或者可以用後臺數據（必須有選中的和未選中的圖片路徑，圖片必須用require引入，不然無法顯示）

for循環到頁面上，在data中聲明一個變量inx

在點擊事件中傳一個index下標，當點擊的時候將聲明的變量等於下標

在渲染圖片的時候通過三元運算符渲染，當點擊的下標等於聲明的變量值的時候展示點擊選中的圖片，

更換字體顏色通過動態綁定class名，當點擊的下標等於聲明的變量值的時候class名爲active，在css中寫自己需要顯示的顏色

覺得有幫助的話可以關注一下，有時間會持續更新