leid6

摘要： 在数据管理后台中，我们经常需要按维度分组展示数据，并在表格内直接呈现图表（如销售对比、完成率等），让用户一眼看懂趋势。 vxe-table 提供了强大的分组聚合（aggregateConfig）与单元格渲染（cellRender）能力，可以轻松实现“分组表格 + 柱状图/饼图”的混合展示。 该示例在 阅读全文

摘要： 在表格中展示分组数据时，不同的业务场景需要不同的层级呈现方式。vxe-table 提供了三种灵活的分组展示模式，通过 aggregateConfig.mode 参数即可轻松切换。 指定列按层级展示 说明：默认是参数 aggregate-config.mode=default 是自定根据分组字段按层级 阅读全文

摘要： 在后台管理系统中，省市区选择是一个常见需求。vxe-tree-select 组件结合树形数据，可以优雅地实现三级联动的下拉选择效果。本文将介绍如何基于该组件快速实现省市区选择，并支持搜索、清空、仅选择末级节点等实用功能。 效果 下拉框中展示完整的省/市/区树形结构 选中后输入框显示完整路径（如「广东 阅读全文

摘要： 在实际业务中，下拉选择人员是一个常见需求。本文介绍如何使用 vxe-select 组件实现一个带头像、状态标签、多选、搜索等功能的人员选择器。 效果 多选、清空、筛选 自定义选项模板（头像 + 姓名 + 状态标签） 下拉框尺寸定制 状态映射（离职/试用期） 代码 <template> <div> < 阅读全文

摘要： 在项目管理中，里程碑是一个非常重要的概念，它用来标记项目中关键的时间点或重大事件，如“项目启动”、“需求评审完成”、“正式上线”等。与普通任务不同，里程碑不占用时间跨度，只表示一个时刻。 vxe-gantt 组件提供了对里程碑的原生支持。通过将任务的 type 设置为 VxeGanttTaskTyp 阅读全文

摘要： 在后台管理系统中，表格合计行（如统计总分、总年龄等）是非常常见的需求。VxeTable 提供了灵活的定制能力，通过自定义表尾（footer）配合事件监听，可以轻松实现合计行的动态更新。本文将以 vxe-grid 组件为例，演示如何在数据编辑、粘贴等操作后，实时刷新表尾的合计数据。 实现步骤 开启表尾 阅读全文

摘要： vxe-gantt 如何自定义日期格式 在实际项目中，不同地区或业务场景对日期显示格式有不同要求。例如，中国常用 yyyy-MM-dd，欧洲常用 dd/MM/yyyy，美国常用 MM/dd/yyyy，有时还需要精确到时分秒。vxe-gantt 提供了灵活的日期格式配置，只需简单设置即可满足各种格式需 阅读全文

摘要： vue甘特图vxe-gantt如何实现拖拽任务条时如有已关联依赖线，同时更新依赖任务的日期的方式 当任务关联前置任务或后置任务依赖线时，拖拽该任务时同步更新对应的起始日期和结束日期，可以通过 task-bar-drag-config.isSyncLinkTask 来启用 基础代码 简单实现同步移动任 阅读全文

摘要： 在实际业务开发中，表格数据导出是高频需求。大多数场景下，我们导出的是表格当前展示的数据，但有时业务需要导出特定的数据集（如：筛选后的结果、选中的数据、或后端返回的原始数据）。本文将基于 vxe-table 组件，介绍如何通过 exportData 方法实现指定数据导出，并提供多种实用场景的解决方案。 阅读全文

摘要： xe-utils API Docs xe-utils 是一个 JavaScript 工具类库，提供了丰富的函数用于处理数据类型、对象、数组、日期、数字、字符串、URL 以及浏览器操作等，支持按需加载，性能优异。 Install npm install xe-utils Start import XE 阅读全文