vue的li点击事件如何绑定类名?

Question

template代码是篮球中超英超西甲德甲意甲幸运球场原jq代码是:$(".news_title").on("click",'li',function(){$(".news_titleli").removeClass("news_active");$(this).addClass("news_active");vartype=$(this).attr("type1");});请教下怎么迁移这个jq到vue上做点击事件呢?即点击li添加类名,兄弟去除类名.看网上的方法都是要做for循环,请问下有不做for循环就能实现的方法吗?前提不要太复杂,蟹蟹

Answer 1

篮球
data(){
return{
activeIndex:0
}
},
methods:{
activate(index){
this.activeIndex=index
}
}
                            

Answer 2

vue有v-class可以自动绑定css
active是你需要改变的值，true/false