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