会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
zhiy3
博客园
首页
新随笔
联系
订阅
管理
2026年8月3日
vue 表格 vxe-table 如何实现折叠列功能
摘要: 在数据表格中,当列数过多时,用户往往需要根据当前关注的数据维度,临时隐藏或展开某些列。vxe-table 提供了灵活的列显示控制 API(showColumn / hideColumn),结合自定义表头插槽,可以轻松实现类似“折叠面板”的列分组折叠功能。 实现思路 列分组结构:通过 children
阅读全文
posted @ 2026-08-03 14:26 你个老六
阅读(10)
评论(0)
推荐(0)
2026年7月29日
如何设置 vxe-form 表单校验提示框的样式
摘要: 在后台管理系统中,表单校验是保证数据质量的关键环节。vxe-form 默认的校验提示样式可能无法完全匹配项目的视觉风格。vxe-form 提供了简洁的 CSS 变量方案,让你可以轻松调整校验提示框的字体大小、内边距、颜色等样式,无需编写复杂的样式覆盖代码。 CSS 变量 vxe-form 的校验提示
阅读全文
posted @ 2026-07-29 10:22 你个老六
阅读(10)
评论(0)
推荐(0)
2026年7月27日
vue在单元格中渲染简化柱状图:数据可视化新方式
摘要: 在后台管理或数据分析类应用中,单纯展示数字往往不够直观。在表格单元格内嵌入柱状图,可以让数值的大小、对比关系一目了然。vxe-table 官方插件 @vxe-ui/plugin-render-chart 提供了轻量级的柱状图渲染器,支持单值、多值柱状图,并允许自定义颜色、标签和提示框。 使用 npm
阅读全文
posted @ 2026-07-27 13:47 你个老六
阅读(3)
评论(0)
推荐(0)
vue vxe-context-menu 通用右键菜单组件使用
摘要: 在ERP或后天管理系统开发中,右键菜单是提升操作效率的常用交互方式。Vxe UI 提供的 vxe-context-menu 组件,让你可以轻松为任何元素绑定自定义右键菜单,并支持多级菜单、图标配置、禁用/显示控制等丰富功能。本文将从基础用法到高级配置,全面介绍该组件的使用技巧。 菜单配置 通过 op
阅读全文
posted @ 2026-07-27 13:34 你个老六
阅读(14)
评论(0)
推荐(0)
2026年7月21日
vue甘特图实现一行显示多个子任务
摘要: 在项目管理中,我们经常需要将一组子任务聚合到父级任务行中展示,以便直观地看到整个任务组的完整时间跨度。vxe-gantt 通过 子任务视图(Subview) 机制,可以将任意层级的子任务渲染到父级任务行内,实现“一行显示多个子任务”的效果。本文介绍两种方案:单进度条(聚合展示)和双进度条(计划 vs
阅读全文
posted @ 2026-07-21 10:10 你个老六
阅读(31)
评论(0)
推荐(0)
2026年7月9日
vue 甘特图 vxe-gantt 实现日期轴跨度间隔,让时间轴密度更合理
摘要: 在甘特图的实际应用中,任务数据的时间跨度往往差异很大——有些任务跨数月,有些仅数天。默认的时间轴可能会因为单元格过密(如逐日显示)导致视觉拥挤,或过疏(如逐月显示)导致细节丢失。vxe-gantt 通过 scales 配置项中的 step 属性,允许你自定义日期轴的单位跨度,从而灵活控制时间轴的显示
阅读全文
posted @ 2026-07-09 21:52 你个老六
阅读(22)
评论(0)
推荐(0)
2026年6月25日
vue 甘特图 vxe-gantt 实现 table 表格与甘特图拖拽双向联动、拖拽添加,拖拽移除
摘要: 在复杂的项目管理场景中,任务数据往往分散在不同的视图中——一部分任务在表格中展示,另一部分在甘特图中呈现。如果能让用户在表格和甘特图之间自由拖拽任务,实现数据的跨视图联动,将极大提升任务编排的效率。 vxe-gantt 通过 row-drag-config.isCrossTableDrag 配置,支
阅读全文
posted @ 2026-06-25 18:20 你个老六
阅读(82)
评论(0)
推荐(0)
vue 甘特图 vxe-gantt 的使用(五):天视图的渲染
摘要: 在项目进度管理中,天视图是最常用的时间维度之一——它能够精确展示任务在每一天的起止位置,甚至细化到小时和分钟。vxe-gantt 提供了强大的天视图(day view) 渲染能力,支持 默认模式 和 精确模式 两种粒度,满足从日常任务跟踪到精细化排期的各种需求。 说明 vxe-gantt 通过 ta
阅读全文
posted @ 2026-06-25 10:59 你个老六
阅读(59)
评论(0)
推荐(0)
vue 甘特图 vxe-gantt 的使用(一):年视图的渲染
摘要: 在项目管理场景中,甘特图的时间跨度往往长达数年甚至十年以上。vxe-gantt 提供了年视图(year),让你可以清晰展示长期任务的规划和进度。本文介绍年视图的两种使用方式:默认模式和精确模式,并通过示例对比它们的区别与应用场景。 概述 vxe-gantt 通过 taskViewConfig.sca
阅读全文
posted @ 2026-06-25 10:45 你个老六
阅读(7)
评论(0)
推荐(0)
vue 表格 vxe-table 如何获取已修改的单元格数据
摘要: 在数据管理系统中,用户对表格进行编辑后,我们往往需要快速定位哪些行或单元格被修改,以便提交到后端进行增量更新。vxe-table 内置了 CRUD 管理器,可以自动追踪数据变更行为。只需开启 keepSource 配置,即可通过 getUpdateRecords 和 getUpdateCells 方
阅读全文
posted @ 2026-06-25 10:24 你个老六
阅读(27)
评论(0)
推荐(0)
下一页
公告