vue 表格组件 vxe-table 修改滚动条样式-原生滚动条和虚拟滚动条
在表格数据展示中，滚动条是不可或缺的交互元素。vxe-table 默认使用浏览器原生滚动条，但原生滚动条样式受浏览器限制，无法跨浏览器保持统一。通过 useScrollbar 启用虚拟滚动条后，可以自由定制宽度、颜色、自动隐藏等，实现跨浏览器一致的视觉效果。 概述 原生滚动条：默认方式，样式受浏览器 ...
vue 甘特图组件 vxe-gantt 修改滚动条样式-让滚动条自动隐藏
在甘特图中，内容区域通常较宽，滚动条会一直占据视觉空间。vxe-gantt 支持自定义滚动条样式，通过 scrollbarConfig.autoHide 可以让滚动条在不需要时自动隐藏，鼠标滚轮或拖拽内容时再显示，从而获得更简洁的界面效果。 功能概述 自定义滚动条：通过 useScrollbar: ...
vue 滚动条组件 vxe-scrollbar 实现无限滚动加载更多分页数据
vxe-scrollbar 是一个自定义滚动条组件，支持： 通过 h eight、width 设置容器宽高； 通过 x-config、y-config 自定义横向、纵向滚动条； 通过 scroll-boundary.threshold 设置边界阈值； 动到边缘阈值时触发 scroll-boundar ...
vue 表格组件 vxe-table 实现自定义多行编辑功能
需求与限制 vxe-table 内置的行编辑功能默认是单行编辑，同一时间只能激活一行。虽然它提供了 editConfig、editRules、CRUD 相关方法，但如果业务要求“同时编辑多行”，就需要自己维护编辑状态。 自定义多行编辑的核心思路很简单： 给每一行数据增加一个 isEdit 标记； 在 ...
一键打开！一款以键盘布局展示书签的浏览器插件！
newtab-naivetab —— 一款用键盘可视化展示书签的浏览器新标签页扩展插件，支持自由拖拽布局、深度自定义外观、专注模式、云同步等功能。 ...
vue 表格组件 vxe-table 复制单元格时去掉末尾换行符
在使用 vxe-table 的复制粘贴功能时，复制到剪贴板的文本默认会在末尾附带一个换行符。这在某些场景下（例如直接粘贴到 Excel）会导致多出一个空行。通过 clipConfig.trailingNewline 配置项，可以灵活控制是否保留这个末尾换行符 概述 复制粘贴：开启 keyboardC ...
纯前端生成海报下载方案
写在开头 点赞 + 收藏 学会 Vue 实战：纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中，经常会遇到“点击分享，生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源，我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...
H5与小程序通信
写在开头 点赞 + 收藏 学会 一句话拿走：H5 嵌进小程序 web-view 后，想传数据、想跳转页面，靠的不是普通 JS，而是微信给的一根"桥"——这篇文章把这根桥的用法和最容易踩的 2 个坑一次讲清。 一、先说一个你可能正在经历的痛 你用 uni-app 辛辛苦苦写了一 ...
vue 表格组件 vxe-table 开源版：鼠标滑动选择多行
在数据批量操作场景中，逐行点击复选框效率低下。vxe-table 开源版本提供了范围选中能力：按住复选框列并向上或向下滑动，即可连续选中多行，操作方式类似 Excel 的拖拽填充，大幅提升批量选择效率。 功能概述 范围选中：通过 checkboxConfig.range 启用，鼠标按住复选框列拖动即 ...
vue 表格组件 vxe-table 选择单元格区域后生成图表
在数据分析场景中，用户往往希望选中表格中的一块数据区域后，直接生成可视化图表。vxe-table 结合官方插件 plugin-render-echarts，可以轻松实现这一能力：选中区域 → 右键菜单 → 生成柱状图/折线图/饼图，整个过程基于 ECharts 渲染，开箱即用。 功能概述 区域选取： ...
vue 甘特图组件 vxe-gantt 拖拽任务自动对所有关联的任务进行排期
vxe-gantt 甘特图组件支持任务依赖关系，开启联动配置后，拖拽任务条移动 / 拉伸，会自动根据依赖规则重新计算、更新所有关联任务的时间，非常适合项目管理场景。 参数说明 通过两个配置项开启依赖联动自动排期： taskBarMoveConfig.isSyncLinkTask: true：拖拽移动 ...
iNeuOS工业互联网，Web组态增加三维（3D）模型渲染、标注、巡检、预警功能
iNeuOS工业互联网的视图建模（Web 组态）3D 渲染：作为组态体系中的一类"元件"，支持接入真实三维模型（设备/产线/站房），并叠加部件级标注、巡检巡游、实时预警三类业务能力，实现"2D 画面 + 3D 数字孪生"的混合组态。 ...
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vxe-table 提供了强大的数据代理（Proxy）能力，只需配置好数据源和表单项，即可自动完成数据加载、分页、查询、重置等操作，从每个页面重复编写冗余代码中解放出来。本文将介绍如何通过 proxyConfig 配置 Ajax 查询接口、分页以及表单代理，并给出完整示例与注意事项。 功能概述 自动 ...
vue 甘特图组件 vxe-gantt 修改关键路径连接线的颜色和线类型
在项目管理甘特图中，关键路径是决定项目最短工期的任务链。vxe-gantt 默认以红色高亮关键路径上的任务条与依赖连线。如果默认样式与项目配色不协调，可以通过 taskCriticalPathConfig 灵活自定义关键路径连接线的颜色和线类型。 参数说明 默认样式：开启 taskBarConfig ...
vue甘特图组件 vxe-gantt 实现拖拽任务自动更新紧前紧后依赖线关联任务的日期
在项目管理甘特图中，任务之间往往存在复杂的依赖关系。当用户拖拽某个任务调整日期时，如果其前置或后置任务没有同步更新，就会破坏依赖逻辑，导致计划失真。vxe-gantt 提供了 taskBarMoveConfig.isSyncLinkTask 配置项，可以自动根据依赖线更新关联任务的日期，确保甘特图始 ...
vue 甘特图组件 vxe-gantt 自动计算工期显示关键路径
vxe-gantt 是一款基于 Vue 的甘特图组件，支持任务依赖、进度展示、拖拽调整、关键路径高亮等能力。其中关键路径（Critical Path）是项目管理中的核心概念，它决定了项目的最短工期——路径上任何任务的延迟都会导致整个项目延期。 通过简单的配置，vxe-gantt 可以自动根据任务依赖 ...
面试官：我为什么总在浏览器存储问题上追问IndexedDB？
写在开头 点赞 + 收藏 学会 前言 面试官：“聊聊浏览器存储吧。” 我：“Cookie, LocalStorage...” 面试官：“然后呢？IndexedDB 了解吗？” 我：“...” 作为一名前端面试官，我有一个“压箱底”的问题，它像一面镜子，能清晰地照出一位候选人的 ...
vue 表格组件 vxe-table 按键导航编辑实现撤销与重做
在中后台表格业务开发中，用户经常会出现误编辑、误新增、误删除数据的场景，传统表格无法撤回操作，极易造成数据错误、重复录入等问题。Vxe-Table 4.x 和 3.x 内置原生撤销/重做能力，完美复刻 Excel 操作体验，支持快捷键快速撤回、恢复表格编辑、新增、删除等所有操作，无需自定义封装历史记 ...
vue 表格组件 vxe-table 渲染器，全局复用与局部渲染器的使用
vxe-table 提供了强大的渲染器（Renderer）机制，允许开发者自定义单元格的编辑与显示方式。渲染器既可以定义为局部渲染器（仅当前表格实例可用），也可以注册为全局渲染器（整个项目复用）。本文将详细介绍两种方式的使用方法、代码示例及注意事项。 渲染器是什么 vxe-table 的渲染器（Re ...
vue 表格组件 vxe-table 实现表格按回车键后自动新增一行
在数据录入场景中，用户常常需要连续添加多行记录（如订单明细、批量导入、财务分录）。vxe-table 提供了 keyboardConfig.isLastEnterAppendRow 配置，让用户在最后一行按回车键时自动追加新行，实现“录入-回车-继续录入”的流畅体验。 而当内置行为无法满足特定业务需 ...