vue点击当前路由添加class怎么做?
1个回答
展开全部
vue-点击当前路由增加class,其他的删除class的方法
1. 路由操作
<router-link
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三人行慕课)
1. 路由操作
<router-link
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三人行慕课)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询