在 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' 组件创建菜单项:


这样,点击菜单项时,Vue Router 将会自动进行路由跳转。

Element UI el-menu 路由跳转实现 - Vue Router 指南

原文地址: https://www.cveoy.top/t/topic/fCSh 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录