leid6

摘要： 在实际业务中，我们经常需要对表格数据进行分组，并对每组内的数值列进行统计，例如：按部门统计薪资总和、按角色统计任务数量、计算年龄平均值等。 vxe-table 提供了强大的聚合配置 aggregateConfig，配合列属性 aggFunc，可以轻松实现分组多列合计，并且支持为不同列定制不同的统计方 阅读全文

摘要： Vxe UI 是一套功能强大的 Vue 组件库，提供表格（vxe-table）、甘特图（vxe-gantt）、设计器（vxe-design）以及基础 UI 组件（vxe-pc-ui）等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时，官方为每个子库都提供了对应的 Nuxt 模块，其中 vxe 阅读全文

摘要： vxe-table 是一个功能强大的 Vue 表格组件库，但它依赖浏览器 DOM 环境，无法在服务端渲染（SSR）时直接运行。在 Nuxt 3 项目中使用 vxe-table 时，需要借助 Nuxt 模块进行配置，并将表格组件包裹在 中以确保仅客户端加载。 本文将从安装、模块配置到具体使用，提供完整 阅读全文

摘要： 在数据报表或管理系统中，经常需要按某个字段对数据进行分组，并计算每组的统计值（如求和、平均值），同时在表格底部显示所有数据的合计。vxe-table 提供了灵活的聚合配置 aggregateConfig 和自定义计算函数 calcValuesMethod，配合手动表尾 footerData，可以轻松 阅读全文

摘要： 在数据表格中，行高自适应内容虽常见，但有时用户希望手动调整行高以突出特定行、适应多行文本或优化打印布局。vxe-table 提供了拖拽调整行高的功能，用户可直接在表格界面上通过鼠标拖拽某列的下边框，实时改变任意行的高度。 说明 可视化拖拽：鼠标悬停至指定列的单元格底部边缘，出现调整手柄后按住拖动即可 阅读全文

摘要： 在数据密集型表格中，将统计图表直接嵌入单元格，可以极大提升数据可读性与决策效率。vxe-table 原生支持柱状图（条形图）与饼图（含环形图、多饼混合）的单元格渲染，具备以下核心能力： 高性能：基于 Canvas 轻量绘制，配合虚拟滚动，支持万级数据流畅滚动。 高灵活性：支持自定义颜色、标签、提示框 阅读全文

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

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

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

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