vue中移动端底部导航的点击效果实现

今天的关键词：linkActiveClass

每次路由切换成功进入激活状态

在点击导航栏的时候，让被点击的那一个有背景色，其他的没有背景色？

如何做？

在路由里面设置

const router = new VueRouter({
    routes,
    linkActiveClass: 'is-active'
});

linkActiveClass: 'is-active',

然后在css里面设置

.is-active{
    color:red;
}

这样就可以的，看一下效果图：

另外附上几个看到的相关博文：
https://blog.csdn.net/weixin_34032779/article/details/94042949
https://blog.csdn.net/cofecode/article/details/80663259