vue怎么实现点击li,li增加一个class,其他的li去掉这个class

jq  可以使用  $(this).addClass('current').siblings().removeClass('current');


vue应该怎么实现这个效果呢?

Mianbao3682257
浏览 10139回答 1
1回答

陌上人如玉_010

<ul class="list"> <li v-for="(item,index) in items" v-on:click="addClass(index)" v-bind:class="{ red:index==current}">{{item.title}}</li> </ul>new Vue({ el:'.list', data:{ current:0, items:[ {title:'item1'}, {title:'item2'}, {title:'item3'}, {title:'item4'} ] }, methods:{ addClass:function(index){ this.current=index; } } })大概就是这样
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js