vue-element-admin 增加新的权限名称

要在vue-element-admin中增加新的权限名称，可以按照以下步骤进行操作：

1. 打开项目文件夹，在src目录下找到permission目录并进入。
2. 打开permission.js文件。
3. 在roles数组中增加新的权限名称。每个权限名称应该以对象的形式表示，包括name和description两个属性。例如：

{
    name: 'new-permission',
    description: '新增权限'
}

4. 在侧边栏菜单中添加新的权限显示。打开sidebar/index.js文件。
5. 在需要显示新权限的地方，增加一个新的菜单项，例如：

{
    path: '/new-permission',
    name: 'New Permission',
    hidden: false,
    meta: {
        title: 'New Permission',
        icon: 'new-permission',
        roles: ['new-permission'] // 设置该路由需要的权限
    }
}

6. 保存并重新编译项目。
7. 在用户角色管理中为相应的角色分配新的权限。

这样，新的权限名称就成功地增加到了vue-element-admin中。

相关问题

> vue-element-admin@4.4.0 dev > vue-cli-service serve INFO Starting development server... ERROR Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first. Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first. at Object.tap (D:\vue-element\vue-element-admin\node_modules\webpack-chain\src\Plugin.js:26:15) at chainWebpack (D:\vue-element\vue-element-admin\vue.config.js:54:30) at D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:268:40 at Array.forEach (<anonymous>) at Service.resolveChainableWebpackConfig (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:268:26) at Service.resolveWebpackConfig (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:272:48) at PluginAPI.resolveWebpackConfig (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\PluginAPI.js:132:25) at serve (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\commands\serve.js:79:31) at Service.run (D:\vue-element\vue-element-admin\node_modules\@vue\cli-service\lib\Service.js:262:12) at processTicksAndRejections (node:internal/process/task_queues:96:5)

这是一个 Vue.js 项目在开发时出现的错误信息，其中包含了一些调试信息。根据错误信息，似乎是在 `vue.config.js` 文件的第 54 行调用了一个未定义的插件，导致了这个错误。可能需要检查一下 `vue.config.js` 文件，看看是否有插件调用的问题。另外，也可以尝试运行 `npm run build` 命令，看看是否会报错。如果还有问题，可以提供更多的信息以便更好地解决问题。

对比vue-admin-template，vue-element-admin，vue-element-template

，它们有什么区别？

这三个模板都是基于Vue.js开发的后台管理系统模板，其中vue-admin-template是一个简单的模板，主要用于快速搭建一个简单的后台管理页面；vue-element-template则是基于Element UI组件库二次封装的模板，能够快速帮助开发者开发出一个美观、易用的后台管理系统；而vue-element-admin则是除了包含了Element UI组件库外，还具有更多的功能和扩展，比如权限管理、路由配置、国际化等。因此，vue-element-admin是三者中最完善、最实用的一个。