vue点击当前路由添加class怎么做 vue2 支持绑定 class选择吗

vue点击当前路由添加class怎么做？

vue-点击当前路由增加class,其他的删除class的方法
1. 路由操作
to=/list
v-for=(item,index) in list
:class={active:index==idx}
@click=btnClass(index)
>
2. js部分
data () {
return {
idx:0,
list:["推荐",社会,热点,汽车,科技,财经,军事,体育]
}
},
methods: {
btnClass: function(index) {
this.idx = index
}
} （BY三人行慕课）

vue2 支持绑定 class选择吗

当然：
我们可以传给 v-bind:class 一个对象，以动态地切换 class 。

上面的语法表示 classactive 的更新将取决于数据属性 isActive 是否为真值 。
我们也可以在对象中传入更多属性用来动态切换多个 class 。此外， v-bind:class 指令可以与普通的 class 属性共存。如下模板:


如下 data:
data: { isActive: true, hasError: false}

渲染为:


来自：http://cn.vuejs.org/v2/guide/class-and-style.html

vue class绑定判断

这个你可以换种思路，用一个变量来控制显示样式，官网上面也有说。当这个变量为true时，说明有这个样式，当变量为false时则没有这个样式。
http://cn.vuejs.org/v2/guide/class-and-style.html