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

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

原文地址:https://www.cnblogs.com/katydids/p/9948665.html