当前位置: 首页 > 工具软件 > PathMenu > 使用案例 >

el-menu跳转路由

魏彦
2023-12-01

首先添加:default-active属性,属性值为this.$router.path,同时还需要设置router为true(router默认值为ture,直接添加router即可)

<el-menu :default-active="this.$router.path" router></el-menu>

接着在路由中配置好组件路径

{
    path: '/index',
    name: 'HomePage',
    component: resolve => require(['@/views/HomePage.vue'], resolve)
},

最后在el-menu-item中的index属性值设为对应的路径

<el-menu :default-active="this.$router.path" router>
	<el-menu-item index="/index">首页</el-menu-item>
</el-menu>
 类似资料: