Element UI el-menu 路由跳转实现 - Vue Router 指南
在 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' 组件创建菜单项:
Home
About
这样,点击菜单项时,Vue Router 将会自动进行路由跳转。
原文地址: https://www.cveoy.top/t/topic/fCSh 著作权归作者所有。请勿转载和采集!