vue點擊時動態改變樣式 ------- 最簡單的方法

vue點擊時動態改變樣式

template中

<li :class="{ active:index==isActive }" @click="changeValue(index)" 
v-for="( item , index ) in items" :key="item.CategoryId">{{item.CategoryName}}</li>

 

data中

isActive:false,

 

methods中

changeValue(index){
this.isActive=index;
}`

 

如果本文對您有幫助，請抬抬您的小手，點下右下角的推薦， ^-^，當然如果看了這篇博客對您有幫助是我最開心的事，畢竟贈人玫瑰，手有余香， ^-^，如果這篇博客沒有幫助到您，那就只能說一聲抱歉啦