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;
}`

 

如果本文对您有帮助，请抬抬您的小手，点下右下角的推荐， ^-^，当然如果看了这篇博客对您有帮助是我最开心的事，毕竟赠人玫瑰，手有余香， ^-^，如果这篇博客没有帮助到您，那就只能说一声抱歉啦