会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
leid6
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
下一页
2026年9月9日
vue 甘特图组件 vxe-gantt 配置拖拽调整任务起止日期时实时显示 Tooltip 提示
摘要: 在甘特图编排中,用户不仅需要拖拽移动整个任务条,也经常需要拖拽任务条左右边缘来单独调整开始日期或结束日期(即 Resize 操作)。为了帮助用户在拖拽过程中精确定位日期,vxe-gantt 提供了 taskBarResizeConfig.showTooltip 配置,开启后会在拖拽调整边缘时实时显示
阅读全文
posted @ 2026-09-09 09:56 独行者r2
阅读(23)
评论(0)
推荐(0)
2026年9月4日
vue 甘特图组件,实现将任务标记任务为删除状态
摘要: 在项目管理和甘特图应用中,删除任务是一个常见操作。但直接硬删除(从数据源移除)往往丢失历史记录,且不可逆。软删除(标记为删除状态,但数据保留)更符合业务需求——用户可以标记任务待删除,最终确认后再统一提交后端处理。 vxe-gantt 提供了内置的 CRUD 管理器,通过 setPendingRow
阅读全文
posted @ 2026-09-04 16:40 独行者r2
阅读(14)
评论(0)
推荐(0)
vue 表格组件使用拖拽列字段自动生成数据汇总数据,实现透视表汇总
摘要: 在数据分析和报表展示中,透视表(Pivot Table) 是一种强大的工具,能够通过拖拽字段快速对数据进行分组、汇总和交叉分析。传统的透视表实现往往需要借助 Excel 或专业 BI 工具,而在 Web 应用中,vxe-table 借助其灵活的列自定义和聚合能力,让开发者可以直接在表格界面上通过拖拽
阅读全文
posted @ 2026-09-04 13:56 独行者r2
阅读(31)
评论(0)
推荐(0)
vue 弹窗组件挂载到指定元素内显示
摘要: 在后台管理系统中,弹窗(Modal / Dialog)通常以全局浮层形式出现,覆盖整个页面。但在某些场景下,我们可能希望弹窗仅出现在某个特定区域(如某个卡片内、某个布局容器内),避免遮挡页面其他重要信息,或者实现“面板内弹窗”的效果。 vxe-modal 组件提供了 transfer、append-
阅读全文
posted @ 2026-09-04 10:14 独行者r2
阅读(26)
评论(0)
推荐(0)
2026年9月1日
vue 表格组件 vxe-table 实实现专业记账凭证编辑表格与自动汇总
摘要: 在财务管理系统、ERP 或会计软件中,记账凭证是核心数据载体。其典型格式要求借方金额和贷方金额按“亿、千万、百万、十万、万、千、百、十、元、角、分”拆分成独立列显示,便于人工核对与纸质打印。同时,凭证需要支持动态增删行、实时汇总,以及打印时包含凭证头尾信息。 本文将基于 vxe-table(vxe-
阅读全文
posted @ 2026-09-01 10:41 独行者r2
阅读(29)
评论(0)
推荐(0)
2026年8月28日
解决 vxe-table 按键导航编辑模式下中文输入法首字母丢失问题
摘要: 在后台管理系统中,全键盘操作是提升数据录入效率的重要手段——用户通过方向键、Tab、Enter 等快捷键即可在表格单元格间导航并直接编辑,无需频繁切换鼠标。 然而,当使用 中文拼音输入法(如搜狗、微软拼音、小狼毫等)时,许多开发者会遇到一个棘手的问题:在按键导航编辑模式下,激活单元格后直接敲击键盘,
阅读全文
posted @ 2026-08-28 11:13 独行者r2
阅读(29)
评论(0)
推荐(0)
2026年8月24日
vxe-table 将行与列反转展示
摘要: 在日常开发中,我们常遇到这样的需求:将一张常规表格(行=记录,列=字段)转置展示,即把原表的列名变为行数据,原表的每一行数据变为新表的一列。这种“行列反转”在统计报表、数据对比、参数配置等场景中非常实用。 vxe-table 本身不提供内置的转置功能,但借助其灵活的 columns 和 data 配
阅读全文
posted @ 2026-08-24 13:45 独行者r2
阅读(22)
评论(0)
推荐(0)
2026年8月21日
vue表格vxe-table实现单元格自适应行高与最大高度限制
摘要: 在数据密集型的后台系统中,表格是信息展示的核心载体。当单元格内容过长时,常见的处理方式有截断(省略号)、固定高度滚动或自适应行高。 截断会丢失信息,固定高度滚动则影响阅读流畅性,而自适应行高能让所有内容完整可见,但极端情况下(如某行包含数百字)会撑爆表格,破坏整体布局。 本文将基于 vxe-tabl
阅读全文
posted @ 2026-08-21 16:10 独行者r2
阅读(51)
评论(0)
推荐(0)
2026年8月19日
vue 实现基于 vxe-table 构建多维度产品对比表
摘要: 在电商、3C 数码或 SaaS 服务等场景中,产品对比页是帮助用户快速决策的关键工具。传统方案通常采用静态 HTML 或简单的表格布局,维护成本高、扩展性差。 本文以手机产品对比为例,展示如何利用 vxe-table(Vue 生态最强表格组件)的高级特性,快速搭建一个多级表头、动态行合并、布尔值可视
阅读全文
posted @ 2026-08-19 15:58 独行者r2
阅读(30)
评论(0)
推荐(0)
2026年8月18日
如何用 vue 甘特图来实现计划和实际双任务条进度展示
摘要: 在项目管理中,同时展示任务的计划进度与实际进度,能够直观对比执行偏差,是项目监控的核心需求。vxe-gantt 提供了灵活的子任务视图(Subview)机制,可以轻松将单个任务拆分为“计划”和“实际”两条任务条,在同一行内并行展示,实现清晰的双进度对比。 本文将通过一个完整的示例,演示如何利用子任务
阅读全文
posted @ 2026-08-18 13:46 独行者r2
阅读(32)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
下一页
公告