在项目管理中，里程碑是一个非常重要的概念，它用来标记项目中关键的时间点或重大事件，如“项目启动”、“需求评审完成”、“正式上线”等。与普通任务不同，里程碑不占用时间跨度，只表示一个时刻。 vxe-gantt 组件提供了对里程碑的原生支持。通过将任务的 type 设置为 VxeGanttTaskTyp ...

在实际业务开发中，我们经常遇到主表格嵌套子表格，且需要在主表和子表上都提供复选框功能，并实现三态联动（全选、半选、未选）。本文将基于 Vue 3 + vxe-table 组件库，手把手教你实现一个支持父子表复选框联动的完整示例。 主表每行都有一个复选框，点击可同时控制其下所有子行；子表内部复选框单独 ...

‍ 写在开头 点赞 + 收藏 学会 前言 一个完善的通知系统可以显著提升用户体验，让用户及时了解： 新评论回复 文章被点赞 系统公告 签到奖励 今天分享如何实现一个优雅的通知中心！ 功能设计 通知类型 // src/types/notification.ts export typ ...

vxe 组件内建了一套简洁的权限控制机制，它不依赖任何第三方库，能让我们灵活地控制组件（如按钮、链接等）的显隐和禁用状态。 这套机制的核心是 permissionMethod 全局配置，它定义了一个统一的权限校验方法。一旦配置好，只需在组件上添加一个 permission-code 属性，并传入对应 ...

‍ 写在开头 点赞 + 收藏 学会 为什么会触发浏览器预览而不是下载？ 当我们尝试在前端实现文件下载时，经常会遇到浏览器直接打开文件（如 PDF、图片）进行预览，而不是弹出下载框的情况。这通常是由以下两个核心原因导致的： HTML5 download 属性的同源限制（核心原 ...

在使用 vxe-table 时，单元格内容过长会触发 Tooltip 悬浮提示。但默认的 Tooltip 尺寸有限，当提示内容非常多（例如包含大量文字、自定义组件、列表等）时，会出现内容溢出、显示不全的问题。本文将介绍如何通过配置 tooltipConfig 及相关插槽，让 Tooltip 容器固定 ...

初始化项目 使用cli命令初始化一个Vue3+TS+Vite项目： # npm npm create vite@latest # yarn yarn create vite # pnpm pnpm create vite 注：后续演示使用pnpm包管理器。 按下图选择配置： 配置ESLint 1、安 ...

在开发数据表格时，经常遇到需要将数据按类别分组展示的需求。通常我们会想到树形表格或展开行，但有时业务要求一个扁平的分类样式——即在表格顶部直接展示分组标题，下方列出该分组内的明细数据，并且分组标题可以横跨整行。本文介绍一种巧妙的实现方式：插入分类行 + 单元格合并，以模拟类似“分组报表”的视觉效果。 ...

在后台管理系统中，表格合计行（如统计总分、总年龄等）是非常常见的需求。VxeTable 提供了灵活的定制能力，通过自定义表尾（footer）配合事件监听，可以轻松实现合计行的动态更新。本文将以 vxe-grid 组件为例，演示如何在数据编辑、粘贴等操作后，实时刷新表尾的合计数据。 实现步骤 开启表尾 ...

下一篇：Vue2和Vue3创建应用对比 一个框架的升级往往代表有更新、更好用的技术支持，Vue2发展到Vue3也是如此，学习新版本框架，最快的方式就是首先熟悉框架升级前有的对比。在此之前更应该了解其背后的主要原因： 1、更好的性能：Vue3采用了全新的虚拟DOM算法和编译器优化，显著提高了性能表现； ...

vxe-table 自定义列个性化列支持按钮点击上移/下移/置顶/置尾排序操作 在公司系统管理列表页面中，用户经常需要调整列的显示顺序，以便将常用列放在前面。vxe-table 提供了强大的自定义列功能，除了默认的拖拽排序外，还可以通过配置启用上移/下移和置顶/置尾按钮，让用户通过点击快速调整列顺序 ...

vxe-table 如何实现撤销与重做，修改单元格编辑后支持回退 当公司业务需求需要实现编辑表格支持撤销功能，这时就可以通过设置 keyboard-config.isUndoRedo 启用。当编辑的单元格之后，按 Ctrl + Z | Command + Z 键 ，可以撤销会编辑之前的状态 需求场景 ...

vue甘特图vxe-gantt如何实现拖拽任务条时如有已关联依赖线，同时更新依赖任务的日期的方式 当任务关联前置任务或后置任务依赖线时，拖拽该任务时同步更新对应的起始日期和结束日期，可以通过 task-bar-drag-config.isSyncLinkTask 来启用 基础代码 简单实现同步移动任 ...

‍ 写在开头 点赞 + 收藏 学会 刷新 Token 不是“过期就重新登录”，而是让用户毫无感知地继续使用。 可惜，大多数项目还在用 401 跳登录 粗暴处理——这根本不是用户体验，这是放弃治疗。 在现代 Web 应用中，用户登录后通常会获得一对 Token： Access To ...

‍ 写在开头 点赞 + 收藏 学会 最近在重构项目里的大文件上传模块，本想着按常规方案实现：File API 切片、计算 Hash、封装一个带并发限制（通常习惯性设为 6）的请求池，最后调个 Merge 接口收尾。 这套方案可以说是前端圈处理大文件的标配了。但看着 Network ...

在一个多租户系统下，包含有平台超级管理员、以及租户管理员，其他自定义租户角色等不同的角色身份，我们根据它们不同的身份，让他们各司其职，在系统中构建不同的数据维护、防护层级，从而能够让整个系统有效的运作起来，而不会造成破坏。 平台的超级管理员不参与具体业务的数据管理，只负责平台级别的基础数据维护，包括... ...

‍ 写在开头 点赞 + 收藏 学会 这一切始于一个偶然的发现。前几天笔者在应用商店闲逛时，被一款3D动态壁纸深深吸引——那颗在手机屏幕上缓缓旋转的地球，光影随着时间自然流转，从阳光灿烂的白昼到星光点点的黑夜，过渡得如此丝滑而真实。那一刻，我被这种将宇宙微观化的美感震撼了。 作为一 ...

‍ 写在开头 点赞 + 收藏 学会 适用场景：微信浏览器打开的 H5 页面，使用 common-bridge 调用定位。 现象： h5 通过微信打开，无论是ios还是安卓首次会弹出定位功能的授权，若用户选择不授权，定位授权的弹窗就后续没办法再弹出。 看了官方社区目前也没有给出解决 ...

vxe-table 自定义数字行主键，解决默认字符串主键与后端类型不匹配问题 在使用 vxe-table 表格组件时，组件默认自动生成的行主键为字符串类型，但后端接口通常要求主键为数值（number）类型，直接提交会因数据类型不匹配导致接口报错。 有两种最优解决方案，支持局部配置和全局统一配置，彻底 ...

‍ 写在开头 点赞 + 收藏 学会 基于uni.request api进行二次封装 核心功能 响应内容格式和请求参数格式类型定义 请求拦截器与响应拦截器配置 设置请求头和params参数处理 加载提示与自定义提示文本 错误统一处理 接口缓存 取消请求功能 失败自动重试机制 并发请 ...