el-menu 中如何进行路由跳转
在 el-menu 中进行路由跳转,可以使用 Vue Router 提供的 router-link 组件来实现。
首先,确保已经安装了 Vue Router,并在项目中引入了 Vue Router。
然后,在 el-menu 中使用 router-link 组件来创建菜单项,设置 to 属性为目标路由的路径。
例如,假设有以下路由配置:
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
},
// ...
]
})
在 el-menu 中,使用 router-link 组件创建菜单项:
<template>
<el-menu>
<el-menu-item index="/">Home</el-menu-item>
<el-menu-item index="/about">About</el-menu-item>
<!-- 其他菜单项 -->
</el-menu>
</template>
这样,点击菜单项时,Vue Router 将会自动进行路由跳转。
原文地址: https://www.cveoy.top/t/topic/iBZz 著作权归作者所有。请勿转载和采集!