EleAdminPlus
  • 更新日志
  • 1、开始使用
    • 1.1、组件总览
    • 1.2、技术栈
    • 1.3、安装运行
    • 1.4、项目结构
    • 1.5、升级指南
    • 1.6、其它项目使用
  • 2、快速上手
    • 2.1、接口对接
    • 2.2、登录用户
    • 2.3、编写API
    • 2.4、axios示例
    • 2.5、图标使用
    • 2.6、增加图标
    • 2.7、使用字体图标
    • 2.8、菜单图标
    • 2.9、图标总览
  • 3、框架配置
    • 3.1、环境变量
    • 3.2、全局配置
    • 3.3、登录流程
    • 3.4、菜单路由
    • 3.5、静态路由
    • 3.6、进阶配置
  • 4、公共方法
    • 4.1、token操作
    • 4.2、页签tab操作
    • 4.3、表单数据操作
    • 4.4、按钮权限控制
    • 4.5、窗口尺寸监听
    • 4.6、常用工具方法
    • 4.7、格式校验方法
  • 5、扩展组件
    • 5.1、高级布局 - EleProLayout
      • 5.1.1、快速使用
      • 5.1.2、菜单格式
      • 5.1.3、页签格式
      • 5.1.4、属性列表
      • 5.1.5、事件列表
      • 5.1.6、插槽列表
      • 5.1.7、图标插槽
      • 5.1.8、页签插槽
      • 5.1.9、默认展开
      • 5.1.10、关闭响应
      • 5.1.11、全局页脚
      • 5.1.12、布局组件 - EleAdminLayout
      • 5.1.13、返回顶部 - EleBacktop
    • 5.2、高级表格 - EleProTable
      • 5.2.1、快速使用
      • 5.2.2、属性列表
      • 5.2.3、列配置
      • 5.2.4、插槽列表
      • 5.2.5、事件列表
      • 5.2.6、实例方法
      • 5.2.7、设置数据源
      • 5.2.8、单选多选列
      • 5.2.9、实现展开行
      • 5.2.10、树形懒加载
      • 5.2.11、高度铺满
      • 5.2.12、虚拟滚动
      • 5.2.13、前端排序
      • 5.2.14、前端筛选
      • 5.2.15、打印功能
      • 5.2.16、导出功能
    • 5.3、表格组件 - EleDataTable
      • 5.3.1、快速使用
      • 5.3.2、属性列表
      • 5.3.3、表格列属性
      • 5.3.4、插槽列表
      • 5.3.5、事件列表
      • 5.3.6、实例方法
      • 5.3.7、实现展开行
      • 5.3.8、高度铺满
      • 5.3.9、拖拽排序
      • 5.3.10、虚拟滚动 - EleVirtualTable
      • 5.3.11、静态表格 - EleTable
      • 5.3.12、静态表格固定列
      • 5.3.13、静态表格固定表头
      • 5.3.14、表头工具栏 - EleToolbar
      • 5.3.15、树形表格 - EleTreeTable
    • 5.4、高级弹窗 - EleModal
      • 5.4.1、快速使用
      • 5.4.2、属性列表
      • 5.4.3、事件列表
      • 5.4.4、插槽列表
    • 5.5、页面容器 - ElePage
      • 5.5.1、快速使用
      • 5.5.2、属性列表
      • 5.5.3、底部工具栏 - EleBottomBar
    • 5.6、卡片组件 - EleCard
      • 5.6.1、快速使用
      • 5.6.2、属性列表
      • 5.6.3、事件列表
      • 5.6.4、插槽列表
    • 5.7、警告提示 - EleAlert
      • 5.7.1、快速使用
      • 5.7.2、属性列表
      • 5.7.3、事件列表
      • 5.7.4、插槽列表
    • 5.8、抽屉组件 - EleDrawer
      • 5.8.1、快速使用
      • 5.8.2、属性列表
      • 5.3.3、事件列表
      • 5.8.4、插槽列表
    • 5.9、导航菜单 - EleMenus
      • 5.9.1、快速使用
      • 5.9.2、属性列表
      • 5.9.3、菜单数据
      • 5.9.4、事件列表
      • 5.9.5、插槽列表
      • 5.9.6、常见问题
    • 5.10、标签页 - EleTabs
      • 5.10.1、快速使用
      • 5.10.2、属性列表
      • 5.10.3、事件列表
      • 5.10.4、插槽列表
    • 5.11、分页组件 - ElePagination
      • 5.11.1、快速使用
      • 5.11.2、属性列表
      • 5.11.3、事件列表
      • 5.11.4、使用案例
    • 5.12、面包屑 - EleBreadcrumb
      • 5.12.1、快速使用
      • 5.12.2、属性列表
      • 5.12.3、面包屑数据
    • 5.13、步骤条 - EleSteps
      • 5.13.1、快速使用
      • 5.13.2、属性列表
      • 5.13.3、插槽列表
      • 5.13.4、时间线 - EleTimeline
    • 5.14、文字提示 - EleTooltip
      • 5.14.1、快速使用
      • 5.14.2、属性列表
      • 5.14.3、事件列表
      • 5.14.4、插槽列表
      • 5.14.5、实例方法
      • 5.14.6、宽度设置
    • 5.15、气泡卡片 - ElePopover
      • 5.15.1、快速使用
      • 5.15.2、属性列表
      • 5.15.3、事件列表
      • 5.15.4、插槽列表
      • 5.15.5、实例方法
    • 5.16、气泡确认框 - ElePopconfirm
      • 5.16.1、快速使用
      • 5.16.2、属性列表
      • 5.16.3、事件列表
      • 5.16.4、插槽列表
      • 5.16.5、实例方法
    • 5.17、下拉菜单 - EleDropdown
      • 5.17.1、快速使用
      • 5.17.2、属性列表
      • 5.17.3、菜单数据
      • 5.17.4、事件列表
      • 5.17.5、插槽列表
      • 5.17.6、右键触发
      • 5.17.7、虚拟触发
      • 5.17.8、用于树右键菜单
      • 5.17.9、用于表格右键菜单
    • 5.18、消息提示 - EleMessage
      • 5.18.1、快速使用
      • 5.18.2、属性列表
      • 5.18.3、加载提示
      • 5.18.4、useMessage
      • 5.18.5、useMessageBox
    • 5.19、包裹组件 - EleApp
      • 5.19.1、使用说明
      • 5.19.2、引入控制
      • 5.19.3、CSS辅助类
    • 5.20、全局配置 - EleConfigProvider
      • 5.20.1、快速使用
      • 5.20.2、属性列表
      • 5.20.3、表格配置
      • 5.20.4、国际化
    • 5.21、文本组件 - EleText
      • 5.21.1、快速使用
      • 5.21.2、属性列表
      • 5.21.3、文本省略 - EleEllipsis
      • 5.21.4、文本复制 - EleCopyable
      • 5.21.5、状态文本 - EleDot
      • 5.21.6、状态仪表盘 - EleDashboard
      • 5.21.7、滚动数字 - EleCountUp
    • 5.22、加载中 - EleLoading
      • 5.22.1、快速使用
      • 5.22.2、属性列表
      • 5.22.3、插槽列表
    • 5.23、标签输入 - EleEditTag
      • 5.23.1、快速使用
      • 5.23.2、属性列表
      • 5.23.3、事件列表
      • 5.23.4、插槽列表
      • 5.23.5、常见问题
    • 5.24、文件列表 - EleFileList
      • 5.24.1、快速使用
      • 5.24.2、属性列表
      • 5.24.3、表格模式
      • 5.24.4、事件列表
      • 5.24.5、插槽列表
      • 5.24.6、文件选择器 - FilePicker
    • 5.25、图标选择 - EleIconSelect
      • 5.25.1、快速使用
      • 5.25.2、属性列表
      • 5.25.3、事件列表
      • 5.25.4、插槽列表
      • 5.25.5、公共图标选择 - IconSelect
    • 5.26、打印组件 - ElePrinter
      • 5.26.1、快速使用
      • 5.26.2、属性列表
      • 5.26.3、事件列表
      • 5.26.4、插槽列表
    • 5.27、分段器 - EleSegmented
      • 5.27.1、快速使用
      • 5.27.2、属性列表
      • 5.27.3、事件列表
      • 5.27.4、插槽列表
    • 5.28、分割面板 - EleSplitPanel
      • 5.28.1、快速使用
      • 5.28.2、属性列表
      • 5.28.3、事件列表
      • 5.28.4、插槽列表
    • 5.29、可选卡片 - EleCheckCard
      • 5.29.1、快速使用
      • 5.29.2、属性列表
      • 5.29.3、事件列表
      • 5.29.4、插槽列表
    • 5.30、表格下拉 - EleTableSelect
      • 5.30.1、快速使用
      • 5.30.2、多选示例
      • 5.30.3、属性列表
      • 5.30.4、事件列表
      • 5.30.5、插槽列表
      • 5.30.6、常见问题
    • 5.31、树下拉 - EleTreeSelect
      • 5.31.1、快速使用
      • 5.31.2、多选示例
      • 5.31.3、属性列表
      • 5.31.4、事件列表
      • 5.31.5、插槽列表
      • 5.31.6、懒加载
    • 5.32、漫游式引导 - EleTour
      • 5.32.1、快速使用
      • 5.32.2、属性列表
      • 5.32.3、插槽列表
    • 5.33、文件上传 - EleUploadList
      • 5.33.1、快速使用
      • 5.33.2、属性列表
      • 5.33.3、事件列表
      • 5.33.4、插槽列表
      • 5.33.5、调用文件选择器
      • 5.33.6、公共上传 - CommonUpload
      • 5.33.7、公共图片上传 - ImageUpload
      • 5.33.8、公共附件上传 - FileUpload
    • 5.34、水印组件 - EleWatermark
      • 5.34.1、快速使用
      • 5.34.2、属性列表
      • 5.34.3、插槽列表
      • 5.34.4、全局水印
    • 5.35、条形码 - EleBarCode
      • 5.35.1、快速使用
      • 5.35.2、属性列表
      • 5.35.3、条码类型
    • 5.36、二维码 - EleQrCode
      • 5.36.1、快速使用
      • 5.36.2、属性列表
      • 5.36.3、事件列表
    • 5.37、头像组合 - EleAvatarGroup
      • 5.37.1、快速使用
      • 5.37.2、属性列表
      • 5.37.3、事件列表
      • 5.37.4、插槽列表
    • 5.38、图片裁剪 - EleCropperModal
      • 5.38.1、快速使用
      • 5.38.2、属性列表
      • 5.38.3、事件列表
      • 5.38.4、裁剪后上传
      • 5.38.5、调用文件选择器
    • 5.39、地图位置选择 - EleMapPicker
      • 5.39.1、快速使用
      • 5.39.2、属性列表
      • 5.39.3、事件列表
      • 5.39.4、设置地图Key
      • 5.39.5、地图使用
      • 5.39.6、轨迹回放
    • 5.40、视频播放 - EleXgPlayer
      • 5.40.1、快速使用
      • 5.40.2、弹幕功能
      • 5.40.3、直播功能
      • 5.40.4、音乐播放
    • 5.41、查看器 - EleViewer
      • 5.41.1、快速使用
      • 5.41.2、属性列表
      • 5.41.3、事件列表
      • 5.41.4、插槽列表
      • 5.41.5、实例方法
      • 5.41.6、图片预览 - EleImageViewer
    • 5.42、省市区选择 - RegionsSelect
      • 5.42.1、快速使用
      • 5.42.2、属性列表
      • 5.42.3、翻译回显
    • 5.43、高级表单 - ProForm
      • 5.43.1、快速使用
      • 5.43.2、属性列表
      • 5.43.3、表单项
      • 5.43.4、自定义表单项
      • 5.43.5、万能类型div
      • 5.43.6、事件列表
      • 5.43.7、插槽列表
      • 5.43.8、实例方法
      • 5.43.9、动态数据
      • 5.43.10、动态表单
      • 5.43.11、表单构建 - ProFormBuilder
      • 5.43.12、添加自定义模板
      • 5.43.13、添加自定义组件
    • 5.44、字典组件 - DictData
      • 5.44.1、快速使用
      • 5.44.2、属性列表
      • 5.44.3、useDictData
      • 5.44.4、常见问题
    • 5.45、富文本 - TinymceEditor
      • 5.45.1、快速使用
      • 5.45.2、属性列表
      • 5.45.3、实例方法
      • 5.45.4、图片上传
      • 5.45.5、文件上传
    • 5.46、Markdown - ByteMdEditor
      • 5.46.1、快速使用
      • 5.46.2、属性列表
      • 5.46.3、事件列表
      • 5.46.4、展示组件 - ByteMdViewer
    • 5.47、拖拽排序 - Vuedraggable
      • 5.47.1、快速使用
      • 5.47.2、多列表拖拽
      • 5.47.3、宫格拖拽
      • 5.47.4、表格行拖拽
    • 5.48、统计图表 - VueEcharts
      • 5.48.1、快速使用
      • 5.48.2、设置主题
      • 5.48.3、自适应尺寸
      • 5.48.4、监听事件
      • 5.48.5、使用词云
      • 5.48.6、使用地图
    • 5.49、导入导出 - xlsx
      • 5.49.1、导出
      • 5.49.2、合并单元格
      • 5.49.3、导入
      • 5.49.4、拆分单元格
    • 5.50、代码编辑器 - MonacoEditor
      • 5.50.1、快速使用
      • 5.50.2、属性列表
      • 5.50.3、实例方法
      • 5.50.4、代码差异对比
    • 5.51、Cron生成器 - CronBuilder
      • 5.51.1、快速使用
      • 5.51.2、属性列表
      • 5.51.3、事件列表
      • 5.51.4、非弹窗直接使用
  • 6、主题功能
    • 6.1、主题状态管理
    • 6.2、在线切换主题
    • 6.3、覆盖主题变量
    • 6.4、使用暗黑主题
    • 6.5、使用圆角主题
    • 6.6、组件支持主题
  • 7、其它功能
    • 7.1、KeepAlive说明
    • 7.2、按需引入说明
    • 7.3、国际化多语言
    • 7.4、移动端响应式
    • 7.5、使用JSX或TSX
    • 7.6、使用TailwindCSS
    • 7.7、使用UnoCSS
  • 8、打包部署
    • 8.1、生产环境打包
    • 8.2、部署到服务器
    • 8.3、绑定域名地址
    • 8.4、开启gzip压缩
    • 8.5、部署在子路径
  • 9、常见问题
    • 9.1、修改项目端口
    • 9.2、解决跨域问题
    • 9.3、移除ESLint检查
    • 9.4、登录跳转404
    • 9.5、页面打开空白
    • 9.6、组件样式丢失
    • 9.7、线上样式差异
    • 9.8、下拉无法回显
    • 9.9、表单无法验证