<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[honkun6的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/honkun6</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; honkun6]]></copyright><item><title><![CDATA[vue 树组件 vxe-tree 使用节点连接线]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/170774473</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/170774473</guid><author>honkun6</author><pubDate>Sat, 14 Nov 2026 13:05:36 +0800</pubDate><description><![CDATA[vxe-tree 通过 show-line 展示节点连接线，清晰呈现层级关系；结合 transform 可将平铺数据自动转为树形结构。支持自定义 icon-open 与 icon-close 图标，展开/收起状态动态切换。二者可共存，且兼容多选、复选框等能力，提升复杂树形结构的可读性与交互体验。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 自定义树表格连接线的样式类型和线颜色]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/170740726</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/170740726</guid><author>honkun6</author><pubDate>Fri, 13 Nov 2026 17:35:05 +0800</pubDate><description><![CDATA[vxe-table 树表格连接线可通过 treeConfig.showLine: true 开启，并用 lineType 设置实线、虚线或点线。颜色支持组件级配置（lineColor）和全局 CSS 变量（--vxe-ui-table-tree-node-line-color），前者作用于单个表格，后者可统一或局部生效，优先级以组件配置为准。结合 transform: true 与 treeNode: true 可实现灵活树形数据展示。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table：编辑前增加异步权限判断]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/170517266</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/170517266</guid><author>honkun6</author><pubDate>Wed, 11 Nov 2026 12:19:59 +0800</pubDate><description><![CDATA[在 vxe-table 中，通过 beforeEditMethod（同步）或 beforeEditAsyncMethod（异步）可在编辑前拦截无权限操作。同步方案支持按键编辑，响应快，适合权限数据已缓存的场景；异步方案可请求接口校验权限，但仅支持鼠标点击，不支持按键编辑及中文输入法，且存在等待延迟。选型时应根据是否需按键编辑、输入法使用情况及权限数据获取方式决定：优先选择同步方案以保障体验，异步仅适用于仅点击编辑且可接受延迟的场景。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实现将用户自定义列设置/个性化列功能保存到indexedDB本地]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/169365875</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/169365875</guid><author>honkun6</author><pubDate>Wed, 28 Oct 2026 20:12:45 +0800</pubDate><description><![CDATA[本文介绍vxe-table如何通过customConfig实现用户自定义列设置的本地持久化。需设置全局唯一id，启用toolbarConfig.custom: true，并配置customConfig.storage: true与storeDriver: 'indexedDB'或localStorage。关键前提包括每列唯一field、开启拖拽与调整宽度功能。支持保存列宽、顺序、冻结、显隐等配置，刷新后自动恢复。可全局配置默认存储方式，推荐使用IndexedDB以应对多表格场景。注意：id与field唯一性]]></description><category></category></item><item><title><![CDATA[vue 下拉树组件 vxe-table-select 实现分页多选]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/168771571</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/168771571</guid><author>honkun6</author><pubDate>Thu, 22 Oct 2026 18:46:22 +0800</pubDate><description><![CDATA[vxe-table-select 支持分页多选，通过 multiple 与 pagerConfig 配合 page-change 实现。独立使用时可完美支持大数据量及翻页状态保留；但在表格单元格内使用时，若数据未分页加载，无法完成 value → label 转换，因对应数据未就绪。规避方式：确保选项数据在分页加载后才绑定，或提前预加载必要数据。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 复制选中单元格到 Excel 时自动带上表头]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/168642300</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/168642300</guid><author>honkun6</author><pubDate>Wed, 21 Oct 2026 10:40:21 +0800</pubDate><description><![CDATA[启用 vxe-table 复制带表头功能需设置 clipConfig.isCopyHeader: true，配合 mouseConfig.area: true 与 keyboardConfig.isClip: true。复制时首行自动附加列标题，粘贴至 Excel 可清晰识别字段。但该配置会同步影响粘贴逻辑，导致回填表格时首行被误作表头，引发数据错位。若项目同时依赖复制与粘贴，建议按场景动态开关此配置，避免副作用。]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 定制化/美化滚动条样式]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/168557532</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/168557532</guid><author>honkun6</author><pubDate>Tue, 20 Oct 2026 17:44:35 +0800</pubDate><description><![CDATA[本文介绍如何通过 vxe-gantt 的 useScrollbar 及 scrollbarConfig 配置，实现轻量、美观的虚拟滚动条。启用后可自定义宽度（如4-8px）、自动隐藏与悬浮式显示，配合CSS变量灵活调整颜色，使甘特图界面更精致，视觉更清爽。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 修改滚动条样式，修改滚动条样式，统一宽度、颜色与自动隐藏]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/168435840</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/168435840</guid><author>honkun6</author><pubDate>Mon, 19 Oct 2026 11:37:11 +0800</pubDate><description><![CDATA[本文介绍vxe-table的虚拟滚动条功能，可统一跨浏览器滚动条样式，支持全局启用、宽度与颜色自定义及自动隐藏。通过VxeUI.setConfig或父组件use-scrollbar实现全局或局部生效，结合CSS变量灵活调整轨道与滑块颜色，提升界面一致性与可定制性。]]></description><category></category></item><item><title><![CDATA[vue 滚动条组件 vxe-scrollbar 实现无限滚动加载更多分页数据]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/167375060</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/167375060</guid><author>honkun6</author><pubDate>Fri, 09 Oct 2026 11:19:46 +0800</pubDate><description><![CDATA[vxe-scrollbar 是一个高度可定制的自定义滚动条组件，支持通过 height、width 设置容器尺寸，利用 x-config、y-config 灵活配置滚动条样式与行为。结合 scroll-boundary 事件与 threshold 阈值，可轻松实现上拉加载、下拉刷新等无限滚动场景，支持自动隐藏、颜色宽度自定义，适用于需精细控制滚动交互的复杂页面需求。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实现选择单元格生成柱状图和折线图等图表]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/166896668</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/166896668</guid><author>honkun6</author><pubDate>Wed, 30 Sep 2026 14:13:20 +0800</pubDate><description><![CDATA[vxe-table结合@vxe-ui/plugin-render-echarts，支持选中数据区域后右键一键生成柱状图、折线图、饼图等可视化图表。通过开启mouseConfig.area实现区域选取，配合menuConfig配置图表菜单，支持自由选择或固定类别模式，兼容键盘操作，提升数据分析效率。安装后注入echarts即可快速集成，适用于高效数据洞察场景。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 开源版：鼠标滑动选择多行]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/166369483</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/166369483</guid><author>honkun6</author><pubDate>Tue, 22 Sep 2026 17:49:59 +0800</pubDate><description><![CDATA[vxe-table 通过 checkboxConfig.range 配置，实现按住复选框列拖动连续选中多行，类似 Excel 拖拽操作，大幅提升批量选择效率。支持向上/向下扩展、悬停高亮与事件回调（checkboxRangeStart/checkboxRangeEnd），结合 keyField 和 isHover 提升交互体验。不支持树形模式，但可通过 getCheckboxRecords() 获取选中数据，适用于高效批量操作场景。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/166244213</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/166244213</guid><author>honkun6</author><pubDate>Mon, 21 Sep 2026 13:02:58 +0800</pubDate><description><![CDATA[vxe-table 的 proxyConfig 实现数据代理，通过配置 ajax.query 接口、pagerConfig 分页及 formConfig 表单，自动完成数据加载、分页查询与条件提交。支持默认值设置与 submitMode 选择（reload/query），大幅减少重复代码，提升开发效率。]]></description><category></category></item><item><title><![CDATA[vue甘特图组件 vxe-gantt 实现拖拽任务自动更新紧前紧后依赖线关联任务的日期]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/166229489</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/166229489</guid><author>honkun6</author><pubDate>Mon, 21 Sep 2026 09:55:47 +0800</pubDate><description><![CDATA[vxe-gantt 的 isSyncLinkTask 配置可实现拖拽任务时自动同步依赖关系，确保甘特图数据一致性。启用后，向右拖拽会延后紧后任务，向左拖拽则受前置任务约束，系统按依赖类型逐层传播变更，避免计划失真。配合 moveable、linkCreatable 等配置，支持灵活编辑与交互，提升项目管理效率。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实现表格按回车键后自动新增一行]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164965540</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164965540</guid><author>honkun6</author><pubDate>Fri, 11 Sep 2026 10:20:27 +0800</pubDate><description><![CDATA[在vxe-table数据录入场景中，通过配置keyboardConfig.isLastEnterAppendRow，可实现回车键自动新增行，提升批量输入效率。结合beforeEnterMethod可自定义回车逻辑，如预设值、限行数或动态行为，满足复杂业务需求。需开启编辑模式与键盘功能，配合keepSource: true确保数据一致性，打造流畅的“录入-回车-继续”体验。]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 配置拖拽调整任务起止日期时实时显示 Tooltip 提示]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164719366</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164719366</guid><author>honkun6</author><pubDate>Wed, 09 Sep 2026 09:56:43 +0800</pubDate><description><![CDATA[<think>我们只需要根据用户要求生成一个≤150字的摘要。内容是关于vxe-gantt中resize操作实时提示tooltip配置的文章。需要概括主要点：开启taskBarResizeConfig.showTooltip，可自定义contentMethod，提供示例。摘要要简洁，不包含代码细节。</think>本文介绍 vxe-gantt 中拖拽任务条边缘调整日期时的实时提示功能。通过开启 taskBarResizeConfig.showTooltip 可显示默认 Tooltip，并支持 content]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件，实现将任务标记任务为删除状态]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164371776</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164371776</guid><author>honkun6</author><pubDate>Fri, 04 Sep 2026 16:40:54 +0800</pubDate><description><![CDATA[<think>好的，用户要求根据一篇关于vxe-gantt软删除功能的文章，生成一个不超过150字的摘要。 核心信息包括：软删除概念、keepSource配置、三个API方法（setPendingRow、getPendingRecords、clearPendingRows）、实现步骤和关键代码。 需要在150字内把这些信息浓缩表达出来，语言要简洁明确，突出功能用途和核心配置要求，涵盖API方法的作用即可。</think>vxe-gantt通过CRUD管理器支持任务软删除：开启keepSource后，用set]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164367417</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164367417</guid><author>honkun6</author><pubDate>Fri, 04 Sep 2026 13:57:30 +0800</pubDate><description><![CDATA[<think>我们根据内容生成≤150字的摘要。摘要需涵盖主要内容：vxe-table实现透视表功能，通过customConfig和aggregateConfig支持拖拽分组和值汇总，提供内联、弹窗、抽屉模式，并给出代码示例。简明扼要。</think>本文介绍如何利用 vxe-table 的 customConfig 和 aggregateConfig 配置，快速实现支持拖拽分组和值汇总的透视表功能。通过开启 allowGroup 与 allowValues，用户可直接拖拽列字段进行动态聚合，并支持内联、弹]]></description><category></category></item><item><title><![CDATA[vue 弹窗组件挂载到指定元素内显示,，表格自适应弹窗宽高]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164361754</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164361754</guid><author>honkun6</author><pubDate>Fri, 04 Sep 2026 10:15:21 +0800</pubDate><description><![CDATA[<think>我们根据要求，写一个不超过150字的摘要，内容基于提供的文章。需要概括技术要点和用途。</think>本文介绍了vxe-modal通过transfer、append-to和is-within-append-to三属性组合，实现弹窗挂载到指定容器内，避免遮挡全局。阐述了配置步骤、定位原理及注意事项（如容器需提前存在、建议配合position:relative），并给出示例与适用场景，适用于嵌入式仪表板、表格编辑等复杂布局。]]></description><category></category></item><item><title><![CDATA[vue 表格组件 vxe-table 实实现专业记账凭证编辑表格与自动汇总]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164255037</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164255037</guid><author>honkun6</author><pubDate>Tue, 01 Sep 2026 10:42:25 +0800</pubDate><description><![CDATA[<think>我们被要求根据用户提供的内容生成一个≤150字的文章摘要。用户给出了一篇关于使用vxe-table构建记账凭证编辑表格的技术文章，包含设计思路、关键代码等。我们需要为这篇文章写一个摘要。 摘要应该简洁地概括文章的主要内容：基于vxe-table（vxe-grid）实现记账凭证的编辑，包括金额按位拆分显示、动态增删行、实时合计、自定义打印等功能。 生成摘要时注意字数限制。我们可以从开头部分提取核心思想。 用户提供了很多代码和细节，但摘要只需要概括性描述，不需要代码。类似这样的摘要： "本文介绍如]]></description><category></category></item><item><title><![CDATA[vue 甘特图组件 vxe-gantt 任务里程碑和依赖线的配置]]></title><link>https://blog.youkuaiyun.com/honkun6/article/details/164116479</link><guid>https://blog.youkuaiyun.com/honkun6/article/details/164116479</guid><author>honkun6</author><pubDate>Thu, 27 Aug 2026 13:45:44 +0800</pubDate><description><![CDATA[在项目管理中，里程碑（Milestone）是标志着重要阶段或关键事件的时间节点（如“需求评审通过”、“测试环境发布”），通常不占用工期，但具有极高的标志性意义。
而依赖关系连线则直观展示了任务之间的逻辑顺序，帮助团队识别关键路径。
vxe-gantt 提供了完善的里程碑支持，允许自定义图标样式，并支持丰富的依赖线样式配置。本文将结合示例，详细讲解如何将普通任务设为里程碑、自定义里程碑图标、以及配置依赖线的视觉风格。]]></description><category></category></item></channel></rss>