在 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 将会自动进行路由跳转。

el-menu 中如何进行路由跳转

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

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