vue判断是否被选中_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侧栏的写法

// 左边导航菜单

:key="item.id"

:class="$route.path.indexOf(item.path) >= 0 ?'is-active':''"

@click="$router.push(item.path)">

{{ item.name }}

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

OVER