会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
leid6
博客园
首页
新随笔
联系
订阅
管理
2026年7月17日
vxe-table 导出自定义插槽模板内容
摘要: 在实际业务中,表格列经常需要使用插槽(Slot)来自定义渲染复杂内容,例如多行信息、图标、按钮等。然而,vxe-table 的默认导出功能只能导出单元格的原始数据(即 field 绑定的字段值),无法识别插槽中的 HTML 结构。为了解决这个问题,vxe-table 提供了 export-metho
阅读全文
posted @ 2026-07-17 11:31 独行者r2
阅读(5)
评论(0)
推荐(0)
2026年7月10日
vue表格 vxe-table 实现商品分组列头与数据的类别合并
摘要: 在商品管理、订单报表等业务场景中,我们常常需要展示多层级分类(如一级分类 → 二级分类 → 三级分类),并希望将相同分类的数据行纵向合并,让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组(children)和单元格合并(mergeCells)机制,可以轻松实现这一效果。
阅读全文
posted @ 2026-07-10 16:29 独行者r2
阅读(14)
评论(0)
推荐(0)
vue 甘特图 vxe-gantt 自定义右侧任务视图列头样式
摘要: 在甘特图的实际应用中,通过自定义列头样式可以显著提升数据的可读性。例如,高亮周末或特定日期,能帮助团队更直观地识别工作日和非工作日。vxe-gantt 提供了 taskViewConfig.scales 中的 headerCellStyle 回调函数,让你可以灵活地为时间轴上的每个刻度单元格定制样式
阅读全文
posted @ 2026-07-10 07:44 独行者r2
阅读(10)
评论(0)
推荐(0)
vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时
摘要: 当任务时间跨度集中在数小时甚至分钟级别时,默认的时间轴粒度可能无法清晰展示任务细节。vxe-gantt 的小时视图(hour)结合 step 参数,可以灵活控制时间轴的显示密度,让短期任务的进度展示更紧凑、更直观。 核心配置 通过 taskViewConfig.scales 配置时间轴层级,将底层单
阅读全文
posted @ 2026-07-10 07:14 独行者r2
阅读(11)
评论(0)
推荐(0)
2026年7月6日
vue 甘特图 vxe-gantt 实现双进度条:计划 vs 实际,支持多级子任务拆分
摘要: 在项目管理中,计划进度与实际进度的对比是衡量执行偏差的关键指标。vxe-gantt 提供了灵活的树形结构和自定义任务条能力,通过巧妙的数据拆分策略,我们可以在一棵甘特树中同时展示计划和实际两条进度条,并且支持从一级到多级的完整继承。 本文将分两个方式来实现方案: 一级双进度:仅对顶层任务拆分计划和实
阅读全文
posted @ 2026-07-06 07:51 独行者r2
阅读(16)
评论(0)
推荐(0)
2026年6月26日
vue 表格卡顿的最终解决方法,秒级渲染大数据量表格列表
摘要: 在日常业务开发中,当表格数据量达到数百甚至数千行时,页面卡顿、滚动掉帧、白屏等现象频繁出现,严重影响用户体验。vxe-table 从 4.19+ 版本开始,对虚拟滚动进行了深度优化——不仅在 Windows 和 macOS 上流畅支持触摸板、鼠标滚轮和键盘滚动,更彻底解决了滚动白屏问题,滚动体验丝滑
阅读全文
posted @ 2026-06-26 11:47 独行者r2
阅读(59)
评论(0)
推荐(0)
2026年6月25日
vue 甘特图 vxe-gantt 的使用(二):季度视图的渲染
摘要: 在项目组合管理或中长期战略规划中,季度视图是一个理想的宏观时间维度——它以季度为粒度展示任务分布,既能比年视图提供更细的洞察,又不会像月视图那样信息过密。vxe-gantt 提供了灵活的季度视图渲染能力,支持 默认模式 和 精确模式 两种粒度,满足从战略规划到阶段性跟踪的需求。 季度视图概述 vxe
阅读全文
posted @ 2026-06-25 15:54 独行者r2
阅读(7)
评论(0)
推荐(0)
vue 甘特图 vxe-gantt 的使用(三):月视图的渲染
摘要: 在项目管理中,月视图是一个承上启下的时间维度——它既能提供比年视图更细的颗粒度,又比周/天视图更宏观,适合展示季度性任务、中短期项目里程碑。vxe-gantt 提供了灵活的月视图渲染能力,支持 默认模式 和 精确模式 两种粒度,满足从宏观规划到精细化跟踪的各种需求。 本文介绍月视图的两种使用方式,并
阅读全文
posted @ 2026-06-25 14:25 独行者r2
阅读(5)
评论(0)
推荐(0)
vue 甘特图 vxe-gantt 的使用(四):周视图的渲染
摘要: 在项目排期管理中,周视图是一个兼顾颗粒度与可读性的理想选择——它既能清晰展示任务在一周内的分布,又不会像天视图那样因时间轴过密而难以阅读。vxe-gantt 提供了灵活的周视图渲染能力,支持 默认模式 和 精确模式 两种粒度,满足从周计划到精细化排期的各种需求。 说明 vxe-gantt 通过 ta
阅读全文
posted @ 2026-06-25 14:17 独行者r2
阅读(15)
评论(0)
推荐(0)
2026年6月10日
使用 vxe-table 实现产品分组列表(按大类分组)
摘要: 在后台管理系统中,经常需要将数据按照某个字段(如产品类别、部门、状态)进行分组展示,以便用户快速浏览和汇总信息。vxe-table 提供了强大的数据分组功能,只需简单配置即可实现按指定字段分组,并为每个分组生成汇总行,同时支持自定义分组标题和内容。 本文将演示如何基于 vxe-table 实现按产品
阅读全文
posted @ 2026-06-10 20:52 独行者r2
阅读(24)
评论(0)
推荐(0)
下一页
公告