vue-admin-template 新手學習（二）添加左側邊欄

最新推荐文章于 2025-10-11 18:13:10 发布

原创最新推荐文章于 2025-10-11 18:13:10 发布 · 置顶 · 605 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue 专栏收录该内容

36 篇文章

订阅专栏

本文介绍如何在Vue项目中配置路由器，包括在router文件夹下的index.js中添加侧边栏内容，实现静默路由，并在views文件夹下创建相应组件。通过具体示例，展示了如何设置路径、组件及元信息。

在router文件夾下的index.js加入需要添加的側邊欄內容這個是靜態路由不需要權限

如下然後npm run dev 就跑起來了

{
    path: '/products',
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'edit/:id',
        name: 'Edit',
        component: () => import('@/views/products/edit'),
        meta: { title: '編輯商品', icon: 'form' }
      }
    ]
  },
  {
    path: '/form',
    component: Layout,
    children: [
      {
        path: 'index',
        name: 'Form',
        component: () => import('@/views/form/index'),
        meta: { title: 'Form', icon: 'form' }
      }
    ]
  },