首页 > 技术文章 > vue点击时动态改变样式 ------- 最简单的方法

katydids 2018-11-12 19:53 原文

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

 

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

 

推荐阅读