VUE通过路由来判断选中状态

路由配置如下

路由.png

/main是一个非登录的首页，主要功能就是有四个菜单选项，点击进入相应的子页面，

main页面.png

这些子页面都有共同的头部和侧边栏，所以归类到/home这个路由下，main.js需要配置一下项目一打开进入的是/main页面

home.jpg

router.beforeEach((to, from, next) => {
  if (to.path === '/') {
    next({ path: '/main' })
  } else {
    next()
  }
})

以下是/home侧栏的写法

// 左边导航菜单
  

    

        

          

            

              
              
 {{ item.name }}
            
          
        
    
  

Vue小白摸索中，这只是一个记录，欢迎指正，嘻嘻~
OVER