vxe-table vue 表格实现复杂分组列头与数据合并：多级分类与动态合并实战
在商品管理、订单报表等业务场景中，我们常常需要展示多层级分类（如一级分类 → 二级分类 → 三级分类），并希望将相同分类的数据行纵向合并，让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组（children）和单元格合并（mergeCells）机制，可以轻松实现“复杂表头 ...
vue 表格 vxe-table 如何实现折叠列功能
在数据表格中，当列数过多时，用户往往需要根据当前关注的数据维度，临时隐藏或展开某些列。vxe-table 提供了灵活的列显示控制 API（showColumn / hideColumn），结合自定义表头插槽，可以轻松实现类似“折叠面板”的列分组折叠功能。 实现思路 列分组结构：通过 children ...
开源自托管！一款轻量的个人笔记库！
Rote —— 一个开源的、注重“克制体验”的个人笔记与知识库系统，提供一个优雅、自托管的记录平台，具备个人随笔、灵感记录、公开动态分享等功能。 ...
私传网（Send.wang）：一款基于 WebRTC 技术的纯网页端点对点（P2P）文件传输工具
私传网（Send.wang）是一款基于 WebRTC 技术的纯网页端点对点（P2P）文件传输工具，它无需下载任何 App 或注册账号，只需在任意现代浏览器（如 Chrome、Safari）打开网页即可使用。这使其能在 Windows、macOS、Linux、Android、iOS 等全平台间互通互传... ...
一个网页搞定数据库 ER 图！一款开源数据库结构可视化编辑器！
chartdb —— 一款功能强大的基于 Web 的数据库表可视化编辑器，无需数据库账号密码即可生成数据库表关系图，支持 Docker 私有化部署，兼容 Open AI 等大模型实现 AI 建表、跨数据库 DDL 转换。 ...
侧边栏收起缩放适配方案
写在开头 点赞 + 收藏 学会 一、问题描述 在 OverallProcurementDashboard 和 OrderDataPanel 两个大屏看板页面中，使用 CSS scale 缩放方案来适配不同屏幕尺寸。当用户点击收起左侧菜单栏时，会出现以下两个问题： 竖向滚动条出 ...
修改 vxe-table vue 表格数据校验提示框样式
在表格内编辑数据时，校验提示是引导用户正确输入的重要手段。vxe-table 提供了便捷的 CSS 变量方案，让你无需编写复杂的样式覆盖代码，即可调整校验提示框的字体大小、内边距等样式，使其与项目整体视觉风格保持一致。 CSS 变量 vxe-table 的校验提示框（单元格校验错误信息）支持以下 C ...
如何设置 vxe-form 表单校验提示框的样式
在后台管理系统中，表单校验是保证数据质量的关键环节。vxe-form 默认的校验提示样式可能无法完全匹配项目的视觉风格。vxe-form 提供了简洁的 CSS 变量方案，让你可以轻松调整校验提示框的字体大小、内边距、颜色等样式，无需编写复杂的样式覆盖代码。 CSS 变量 vxe-form 的校验提示 ...
JavaScript 实现 RTF 转 PDF：React 项目完整教程
引言 在 Web 应用中处理文档格式转换一直是前端开发中的难点。传统方案通常依赖服务端接口，但这也带来了额外的服务器成本和网络延迟。随着 WebAssembly 技术的成熟，如今我们可以在浏览器端直接完成 RTF 到 PDF 的转换，本文将分享一种基于 WASM 的实现方案。 环境准备与安装配置 在 ...
vue 如何表格单元格中渲染进度条显示进度
在数据报表或管理后台中，用进度条直观展示任务完成度、资源利用率或评分等数值，能极大提升数据的可读性。vxe-table 通过内置的 progress 渲染器，让你在表格单元格中一键渲染进度条，并支持丰富的自定义样式和交互。 配置 在列定义中，通过 cellRender 属性指定渲染器为 'progr ...
vue vxe-context-menu 通用右键菜单组件使用
在ERP或后天管理系统开发中，右键菜单是提升操作效率的常用交互方式。Vxe UI 提供的 vxe-context-menu 组件，让你可以轻松为任何元素绑定自定义右键菜单，并支持多级菜单、图标配置、禁用/显示控制等丰富功能。本文将从基础用法到高级配置，全面介绍该组件的使用技巧。 菜单配置 通过 op ...
快速制作专业简历！一个现代化的在线简历编辑器！
magic-resume —— 一个基于 TanStack Start 和 Motion 构建的现代化在线简历编辑器，支持实时预览和自定义主题，让创建专业简历变得简单有趣。 ...
vue对接海康摄像头-H5player
写在开头 点赞 + 收藏 学会 1.在public中放入js 视口大小 init() { // 设置播放容器的宽高并监听窗口大小变化 window.addEventListener("resize", () => { this.player.JS_Resize(); }); ...
我在微信小程序里手搓人脸识别功能，结果被“右转头”和“手遮脸”教育了
写在开头 点赞 + 收藏 学会 最近在小程序里做了一套人脸检测拍照引导，目标很明确：用户进入相机后，必须满足“正脸、距离合适、居中、无遮挡”之后，才能拍照进入后续测肤流程。 一开始以为只是调个相机组件，后来发现真正麻烦的是：微信小程序给你的不是完整原生相机能力，而是一套沙盒里 ...
Vue3 大屏适配组件（Scale / Rem 双方案一键切换）
写在开头 点赞 + 收藏 学会 一键切换「整体 Scale 缩放」「Rem 等分适配」 窗口自动监听 resize 适配设计稿 1920*1080 Vue3 全局直接引入用 一、新建组件 ScreenAdapter.vue <template> <div class="scr ...
vue甘特图实现一行显示多个子任务
在项目管理中，我们经常需要将一组子任务聚合到父级任务行中展示，以便直观地看到整个任务组的完整时间跨度。vxe-gantt 通过 子任务视图（Subview） 机制，可以将任意层级的子任务渲染到父级任务行内，实现“一行显示多个子任务”的效果。本文介绍两种方案：单进度条（聚合展示）和双进度条（计划 vs ...
vxe-table 渲染器教程一：实现金额输入控件
在开发后台管理系统时，表格中的金额字段往往需要特殊的展示和编辑方式，例如右对齐、保留两位小数、带货币符号前缀等。vxe-table 的自定义渲染器（Renderer） 机制，允许我们将任何 Vue 组件嵌入到表格单元格中，实现高度定制化的交互体验。 一、什么是渲染器？ 渲染器是 vxe-table ...
你点的“刷新”是假刷新？前端路由的瞒天过海术
写在开头 点赞 + 收藏 学会 为什么单页应用切换页面时，浏览器没有真正刷新？地址栏变了，页面却没白一下？今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面，而是自己偷偷换了内容。看完这篇，你也能实现一个自己的前端路由。 前言 你有没有注意过，现在很多网站（比如知乎 ...
vxe-table 导出自定义插槽模板内容
在实际业务中，表格列经常需要使用插槽（Slot）来自定义渲染复杂内容，例如多行信息、图标、按钮等。然而，vxe-table 的默认导出功能只能导出单元格的原始数据（即 field 绑定的字段值），无法识别插槽中的 HTML 结构。为了解决这个问题，vxe-table 提供了 export-metho ...
20K+ Star 开源神器！一款可自托管的书签管理工具！
karakeep —— 一款可自托管的书签应用（支持链接、笔记和图片），具备基于人工智能的自动标签功能和全文搜索功能。 ...
