vie3-admin-template自定义左侧菜单

对于vie3-admin-template，你可以通过以下步骤自定义左侧菜单：

1. 打开 `src/layout/components/Sidebar.vue` 文件。

2. 在 `data` 属性中添加一个新的属性，例如 `customMenuItems`，用于存储自定义菜单项的数组。每个菜单项应包含 `title`（标题）和 `icon`（图标）属性。

   data() {
     return {
       // ...
       customMenuItems: [
         { title: "Custom Menu 1", icon: "el-icon-s-custom" },
         { title: "Custom Menu 2", icon: "el-icon-s-custom" }
       ]
     };
   },

3. 在 `renderMenuItems` 方法中，将 `customMenuItems` 添加到菜单列表中。

   renderMenuItems(h, menuItems) {
     // ...
     const customMenuItems = this.customMenuItems.map(item => ({
       ...item,
       path: `/custom/${item.title.toLowerCase().replace(/\s+/g, "-")}`
     }));

     // 添加自定义菜单项
     menuItems = [...menuItems, ...customMenuItems];

     return menuItems.map(item => {
       // ...
     });
   },

4. 保存文件并重新编译项目。

现在，你应该能够在左侧菜单中看到你添加的自定义菜单项。你可以根据自己的需要修改和扩展这些自定义菜单项。记得在修改之前备份好原始文件。