<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[daols88的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/daols88</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; daols88]]></copyright><item><title><![CDATA[vue 表格组件 vxe-table 配置 ajax 请求自动加载数据和表尾合计]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/168639090</link><guid>https://blog.youkuaiyun.com/daols88/article/details/168639090</guid><author>daols88</author><pubDate>Wed, 21 Oct 2026 10:14:01 +0800</pubDate><description><![CDATA[vxe-table 的 proxyConfig 可实现数据请求、分页与表尾合计的自动处理。通过配置 ajax.query 返回 Promise 并包含 result 和 page.total，结合 pagerConfig 即可自动分页加载；设置 showFooter: true 并在响应中返回 footerData 数组，可自动渲染合计行。生效前提包括：返回 Promise、响应含总条数、表格设固定高度。支持自定义响应字段路径，简化页面逻辑。]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 修改滚动条样式-让滚动条自动隐藏]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/168019023</link><guid>https://blog.youkuaiyun.com/daols88/article/details/168019023</guid><author>daols88</author><pubDate>Thu, 15 Oct 2026 13:49:29 +0800</pubDate><description><![CDATA[vxe-gantt支持自定义滚动条，通过useScrollbar: true启用内置滚动条组件，结合scrollbarConfig.autoHide: true实现滚动条自动隐藏，非活动时消失，滚动时显现，提升界面简洁性。支持动态切换与跨浏览器一致性，优化视觉体验。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实现自定义多行编辑功能]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/167372562</link><guid>https://blog.youkuaiyun.com/daols88/article/details/167372562</guid><author>daols88</author><pubDate>Fri, 09 Oct 2026 10:57:29 +0800</pubDate><description><![CDATA[本文介绍在 vxe-table 中实现多行同时编辑的自定义方案：通过为每行添加 isEdit 标志，结合插槽动态切换编辑组件与文本；编辑前备份原始数据，取消时还原；保存时过滤前端状态字段并手动校验。支持批量保存与取消，适用于需多行编辑但不依赖内置 CRUD 和校验功能的场景。注意需自行管理状态、避免污染提交数据，并考虑大数据量下的性能优化。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 复制单元格时去掉末尾换行符]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/166891687</link><guid>https://blog.youkuaiyun.com/daols88/article/details/166891687</guid><author>daols88</author><pubDate>Wed, 30 Sep 2026 10:51:43 +0800</pubDate><description><![CDATA[vxe-table 复制粘贴功能默认在内容末尾添加换行符，可能影响 Excel 粘贴体验。通过 clipConfig.trailingNewline 配置项可控制该行为：设为 false 可去除末尾换行符，避免多出空行。结合 vxe-switch 实现动态切换，灵活适配不同场景。需开启 mouseConfig.area 和 keyboardConfig.isClip 才支持区域复制。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实现虚拟滚动与无需滚动加载]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/166245594</link><guid>https://blog.youkuaiyun.com/daols88/article/details/166245594</guid><author>daols88</author><pubDate>Mon, 21 Sep 2026 13:49:37 +0800</pubDate><description><![CDATA[vxe-table通过虚拟滚动与滚动事件实现海量数据无感加载：启用virtualYConfig减少DOM渲染，监听scroll或scroll-boundary事件触底自动加载，结合loading状态锁防止重复请求。仅需几行代码即可实现高性能、流畅的无限滚动体验，适用于大数据量表格场景，显著提升用户体验。]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 自动计算工期显示关键路径]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/166226999</link><guid>https://blog.youkuaiyun.com/daols88/article/details/166226999</guid><author>daols88</author><pubDate>Mon, 21 Sep 2026 09:37:24 +0800</pubDate><description><![CDATA[vxe-gantt 是基于 Vue 的甘特图组件，支持任务依赖、进度展示与拖拽调整。通过配置 showCriticalPath: true，可自动计算并高亮关键路径，直观识别影响项目工期的核心任务。结合依赖关系（如完成-开始）与动态日期同步，实现项目计划的实时更新与可视化管理，提升项目管控效率。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 按键导航编辑实现撤销与重做]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/165596972</link><guid>https://blog.youkuaiyun.com/daols88/article/details/165596972</guid><author>daols88</author><pubDate>Wed, 16 Sep 2026 11:09:36 +0800</pubDate><description><![CDATA[Vxe-Table 4.x 内置撤销/重做功能，支持单元格编辑、增删行等操作的快捷键回溯（Ctrl+Z/Cmd+Z），开箱即用。通过配置 isUndoRedo: true 及自定义历史栈大小，完美复刻 Excel 体验，提升中后台表格操作安全性与效率。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 渲染器，全局复用与局部渲染器的使用]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/165292435</link><guid>https://blog.youkuaiyun.com/daols88/article/details/165292435</guid><author>daols88</author><pubDate>Mon, 14 Sep 2026 10:44:36 +0800</pubDate><description><![CDATA[vxe-table 渲染器机制支持自定义单元格编辑与显示方式，分为局部（rendererConfig）和全局（VxeUI.renderer.add）两种。局部渲染器仅限当前表格使用，适合特殊场景；全局渲染器可跨表格复用，提升代码复用率。通过 renderTableEdit 与 renderTableCell 可灵活定义输入框、展示内容等，结合 JSX 和 props 传递实现动态配置。合理使用可显著增强表格灵活性与开发效率。]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 依赖连接线可视化拖拽创建与双击删除]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164819274</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164819274</guid><author>daols88</author><pubDate>Thu, 10 Sep 2026 11:27:05 +0800</pubDate><description><![CDATA[vxe-gantt 通过可视化交互提升任务依赖管理效率：启用 linkCreatable 可拖拽创建依赖线，isDblclickToRemove 支持双击删除，配合悬停/点击高亮增强操作体验。需确保 links 中 from/to 与任务 keyField（如 id）一致，并注意循环依赖校验及数据同步。开发者仅需配置关键参数，即可实现灵活、直观的项目排期管理。]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 实现拖拽任务条移动日期时，实时显示当前日期]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164629510</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164629510</guid><author>daols88</author><pubDate>Tue, 08 Sep 2026 18:18:28 +0800</pubDate><description><![CDATA[<think>我们只需要根据用户提供的文章内容，生成≤150字的摘要。用户要求"根据以下内容，生成≤150字的文章摘要"。我们需要从给定的技术文档中提炼核心要点。文档主要讲vxe-gantt在拖拽任务时显示Tooltip，配置taskBarMoveConfig.showTooltip以及自定义内容taskBarMoveTooltipConfig.contentMethod。同时有前置条件moveable。摘要应简短，包含关键信息。字数限制150字。注意不要超出。 我们生成摘要即可。</think>本文介绍v]]></description><category></category></item><item><title><![CDATA[vue 抽屉组件挂载到指定元素内显示,，表格自适应弹窗宽高]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164362570</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164362570</guid><author>daols88</author><pubDate>Fri, 04 Sep 2026 10:29:36 +0800</pubDate><description><![CDATA[<think>我们根据要求生成≤150字的文章摘要。内容是关于vxe-drawer在指定区域内打开抽屉的用法。摘要应简洁概括关键点。</think>通过配置 transfer、append-to 和 is-within-append-to，可将抽屉精准渲染到指定容器内，避免遮挡其他区域。配合 vxe-grid 的 height: '100%'，表格自动填满抽屉，实现内容自适应。适用于后台管理系统中局部容器内的抽屉需求。]]></description><category></category></item><item><title><![CDATA[vue 金额数值输入框组件 vxe-number-input 如何在上方显示浮动标签]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164288601</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164288601</guid><author>daols88</author><pubDate>Wed, 02 Sep 2026 09:18:41 +0800</pubDate><description><![CDATA[<think>我们根据内容生成一个不超过150字的摘要。需要涵盖：vxe-number-input通过float-content显示浮动标签；进阶用法包括show-tooltip和tooltip-config自定义内容，实现中文金额显示；最后有金额转中文大写的方法。注意字数。 摘要草稿： "vxe-number-input可通过float-content属性在输入框上方显示浮动标签，如计量单位。进阶用法包括使用show-tooltip实时显示工具提示，结合tooltip-config.contentMeth]]></description><category></category></item><item><title><![CDATA[vue表格组件 vxe-table 鼠标滑动表头选择整列与选择整行的配置详解]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164215020</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164215020</guid><author>daols88</author><pubDate>Mon, 31 Aug 2026 14:21:40 +0800</pubDate><description><![CDATA[<think>好的，用户需要我根据提供的技术文档内容生成一篇不超过150字的文章摘要。文档主要介绍了vxe-table表格组件中如何通过配置实现鼠标滑过表头选中整列、点击首列选中整行等高效交互功能。 我需要提取核心要点：vxe-table的areaConfig配置项，特别是selectCellByHeader和selectCellToRow这两个关键布尔属性，它们分别控制表头悬停选列和首列点击选行的功能。另外可以提到多区域选择功能作为补充。 摘要需要简洁，控制在150字以内，直接概括功能、实现方式和效果即可]]></description><category></category></item><item><title><![CDATA[解决 vxe-table 表格组件按键导航编辑模式下中文输入法首字母丢失问题]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164142574</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164142574</guid><author>daols88</author><pubDate>Fri, 28 Aug 2026 11:14:11 +0800</pubDate><description><![CDATA[在后台管理系统中，全键盘操作是提升数据录入效率的重要手段——用户通过方向键、Tab、Enter 等快捷键即可在表格单元格间导航并直接编辑，无需频繁切换鼠标。
然而，当使用 中文拼音输入法（如搜狗、微软拼音、小狼毫等）时，许多开发者会遇到一个棘手的问题：在按键导航编辑模式下，激活单元格后直接敲击键盘，第一个字母无法唤起输入法候选词框，而是被当作普通英文字符直接填入单元格，导致必须删除后重新输入，严重影响录入流畅度。本文将详细剖析该问题的成因，解决方案：使用配置式编辑渲染器（editRender）而非自定义插槽]]></description><category></category></item><item><title><![CDATA[vue 表格组件vxe-table 实现紧凑型表格的方式]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164086712</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164086712</guid><author>daols88</author><pubDate>Wed, 26 Aug 2026 13:42:30 +0800</pubDate><description><![CDATA[在后台管理系统的数据展示场景中，信息密度与可读性往往是一对矛盾。普通表格行高充裕、视觉舒适，但一屏可见的数据行数有限；紧凑型表格则能在有限空间内展示更多数据，尤其适合大屏监控、批量操作、数据对比等场景。
vxe-table 提供了灵活的单元格尺寸定制能力，允许开发者精确控制行高与内边距，快速构建紧凑型表格。本文将详细讲解其配置方式、性能优化策略以及关键注意事项，帮助您在高密度与用户体验之间取得最佳平衡。
]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 紧前紧后依赖关系连接线配置详解]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164021676</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164021676</guid><author>daols88</author><pubDate>Mon, 24 Aug 2026 14:07:33 +0800</pubDate><description><![CDATA[在项目管理、生产排程、研发计划等场景中，甘特图是展示任务时间线与依赖关系的核心工具。任务依赖关系（即“紧前紧后关系”）决定了任务执行的先后顺序，直接影响项目进度的计算与关键路径的识别。vxe-gantt 作为 Vxe 生态中的专业甘特图组件，提供了四种标准的依赖关系类型，并通过 links 配置轻松绘制任务之间的连接线。本文将详细解读每种依赖类型的含义，并配合完整代码示例，帮助您快速搭建带依赖关系的甘特图。]]></description><category></category></item><item><title><![CDATA[vxe-table 表格组件实现数据滚动轮播]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/164020800</link><guid>https://blog.youkuaiyun.com/daols88/article/details/164020800</guid><author>daols88</author><pubDate>Mon, 24 Aug 2026 13:30:49 +0800</pubDate><description><![CDATA[本文介绍了如何利用 vxe-table 实现表格数据的自动轮播效果，通过滚动控制 API 和虚拟滚动技术，实现平滑、可控的数据动态展示。核心方案包括：固定表格高度并启用虚拟滚动，使用 scrollTo 方法精确控制滚动位置，结合定时器实现步进式滚动，并支持速度调节和滚动条显隐控制。文章详细讲解了触底停止判断、循环滚动实现等关键细节，同时提供完整代码示例，帮助开发者快速为监控大屏等场景添加动态数据展示功能。]]></description><category></category></item><item><title><![CDATA[vue实现 vxe-list 列表穿梭框与跨列表拖拽]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/163939089</link><guid>https://blog.youkuaiyun.com/daols88/article/details/163939089</guid><author>daols88</author><pubDate>Fri, 21 Aug 2026 10:11:32 +0800</pubDate><description><![CDATA[本文介绍如何基于vxe-list实现一个功能完善的列表穿梭组件，支持勾选和拖拽两种操作方式。文章主要包含以下内容： 功能预览：左右两个独立列表，支持复选框勾选批量迁移和跨列表直接拖拽两种操作方式，内置数据变更追踪功能。 核心配置解析：详细说明vxe-list的关键配置项，包括显示复选框、行唯一标识字段设置、跨列表拖拽开关等，并强调主键冲突问题及解决方案。 实现逻辑：提供勾选迁移和跨列表拖拽两种操作的具体实现方法，包括获取选中数据、清空选中状态、数据迁移等关键步骤。 数据变更追踪：介绍如何利用getRecor]]></description><category></category></item><item><title><![CDATA[vue 实现基于 vxe-table 构建多维度产品对比表]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/163890387</link><guid>https://blog.youkuaiyun.com/daols88/article/details/163890387</guid><author>daols88</author><pubDate>Wed, 19 Aug 2026 15:58:35 +0800</pubDate><description><![CDATA[本文介绍了如何利用vxe-table组件实现电商产品对比页的高级功能。通过vxe-grid组件支持的多级表头、单元格合并和自定义模板等特性，可以快速搭建一个包含品牌、机型、图片、价格等多维度对比的动态表格。核心实现包括：1) 使用children属性嵌套实现复杂表头结构；2) 通过spanMethod方法实现类别行的合并显示；3) 利用插槽模板区分布尔值和文本内容的自定义渲染；4) 通过cellClassName优化固定列样式。该方案相比传统静态表格具有更好的扩展性和维护性，适用于3C数码、SaaS服务等需]]></description><category></category></item><item><title><![CDATA[解决 vxe-table 全键盘操作编辑单元格时，如果是中文拼音输入法时，解决首字母丢失问题]]></title><link>https://blog.youkuaiyun.com/daols88/article/details/163795221</link><guid>https://blog.youkuaiyun.com/daols88/article/details/163795221</guid><author>daols88</author><pubDate>Mon, 17 Aug 2026 08:15:00 +0800</pubDate><description><![CDATA[本文介绍了vxe-table组件在中文输入法下首字母丢失问题的解决方案。问题表现为使用五笔/拼音输入法时，首个字母无法触发候选框而直接被输入。原因是旧版未正确处理输入法的composition事件序列。通过升级到vxe-table v3.23+/v4.21+版本即可修复，新版优化了输入状态管理，完美兼容各类输入法。升级后中文输入候选框正常弹出，编辑体验与原生输入框一致。建议遇到类似问题的用户直接升级组件版本，无需额外代码适配。]]></description><category></category></item></channel></rss>