
介绍 | Vben Admin
Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜 …
Vben Admin
Vben Admin是一个基于Vue3、Vite、TypeScript等技术栈的开箱即用前端框架,支持多种图标和项目配置项。
开始 | Vben Admin
# clone 代码 git clone https://github.com/vbenjs/vue-vben-admin.git # 从 Gitee 获取代码 如果从 github clone 代码较慢的话,可以尝试用 Gitee 同步代码到自己的仓库,再 clone 下来即可。
Form 表单组件 | Vben Admin
#Form 表单组件. 对 antv 的 form 组件进行封装,扩展一些常用的功能. 如果文档内没有,可以尝试在在线示例内寻找 # Usage # useForm 方式 下面是一个使用简单表单的示例,只有一个输入框
项目配置项 | Vben Admin
#项目配置项. 用于修改项目的配色、布局、缓存、多语言、组件默认配置 # 环境变量配置 项目的环境变量配置位于项目根目录下的 .env、.env.development、.env.production. 具体可以参考 …
Table 表格 | Vben Admin
属性 类型 默认值 可选值 说明 版本; clickToRowSelect: boolean: true-点击行是否选中 checkbox 或者 radio。需要开启: sortFn (sortInfo: SorterResult<any>) => any
权限 | Vben Admin
#权限. 项目中集成了三种权限处理方式: 通过用户角色来过滤菜单(前端方式控制),菜单和路由分开配置; 通过用户角色来过滤菜单(前端方式控制),菜单由路由配置自动生成
常见问题 | Vben Admin
vben-admin 的项目配置默认是缓存在 localStorage 内,所以版本更新后可能有些配置没改变。 解决方式是每次更新代码的时候修改 package.json 内的 version 版本号. 因为 localStorage 的 …
路由 | Vben Admin
#动态路由Tab自动关闭功能. 若需要开启该功能,需要在动态路由的meta中设置如下两个参数:. dynamicLevel 最大能打开的Tab标签页数; realPath 动态路由实际路径(考虑到动态路由有时候 …
button 按钮 | Vben Admin
TIP. 按钮不需要 import,已经全局注册,直接使用 a-button 标签即可; 如果是 Tsx 文件,需要手动 import # Usage