解决前端跳转路由公共导航栏样式消失问题

本文主要是介绍解决前端跳转路由公共导航栏样式消失问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

记录一下自己解决路由跳转后公共导航栏样式消失问题

解决：

1. 由$route.meta控制样式切换

setStyle() {
      this.active = this.$route.meta.activeStyle;
    },

2. 配置路由规则

{
    path: '/',
    name: 'home',
    component: Home,
    meta: {
        activeStyle: 'Home',
    },
},
{
    path: '/index',
    name: 'index',
    component: Index,
    meta: {
        activeStyle: 'Home',
    },
},

由home页面跳转到index页面，index页面公共导航栏的样式会与home页面一样

这篇关于解决前端跳转路由公共导航栏样式消失问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！