vxe-table 数据分组：三种展示方式详解,在表格中展示分组数据时，不同的业务场景需要不同的层级呈现方式。vxe-table 提供了三种灵活的分组展示模式，通过 aggregateConfig.mode 参数即可轻松切...

有趣味的登录页它踏着七彩祥云来了,🧑‍ 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 最近，有一个比较火的很有趣且灵动的登录页火了。 角色视觉跟随鼠标 输入框打字时扯脖子瞅 显示密码明文时避开视...

vxe-select 下拉框实现人员选择,在实际业务中，下拉选择人员是一个常见需求。本文介绍如何使用 vxe-select 组件实现一个带头像、状态标签、多选、搜索等功能的人员选择器。 效果 多选、清空、筛...

使用 vxe gantt 实现行拖拽排序,在项目管理或任务调度类应用中，允许用户通过拖拽调整任务的顺序是一项非常实用的交互功能。VXE Gantt 组件提供了简单易用的行拖拽排序支持，只需配置 rowConfig...

在 vxe-gantt 中使用里程碑配置项目关键节点,在项目管理中，里程碑是一个非常重要的概念，它用来标记项目中关键的时间点或重大事件，如“项目启动”、“需求评审完成”、“正式上线”等。与普通...

自定义实现 vxe-table 展开子表格的树结构复选框,在实际业务开发中，我们经常遇到主表格嵌套子表格，且需要在主表和子表上都提供复选框功能，并实现三态联动（全选、半选、未选）。本文将基于 V...

如何实现一个优雅的通知中心？（Vue 3 + 消息队列实战）,🧑‍ 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 一个完善的通知系统可以显著提升用户体验，让用户及时了解： 新评论回复 文章被点赞 系...

vxeui 权限控制 vxe-table 根据用户权限隐藏对应按钮,vxe 组件内建了一套简洁的权限控制机制，它不依赖任何第三方库，能让我们灵活地控制组件（如按钮、链接等）的显隐和禁用状态。 这套机制的...

前端如何让图片、视频、pdf等文件在浏览器直接下载而非预览,🧑‍ 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 为什么会触发浏览器预览而不是下载？ 当我们尝试在前端实现文件下载时，经常会遇到浏览器...

vxe-table 单元格 Tooltip 内容过多时启用滚动条,在使用 vxe-table 时，单元格内容过长会触发 Tooltip 悬浮提示。但默认的 Tooltip 尺寸有限，当提示内容非常多（例如包含大量文字、自定义组件...

从0开始为Vue3+TS+Vite项目配置ESLint+Prettier,初始化项目 使用cli命令初始化一个Vue3+TS+Vite项目： # npm npm create vite@latest # yarn yarn create vite # pnpm pnpm create vite 注：后...

使用 vxe-table 实现分类展示样式（非树结构/非展开行）,在开发数据表格时，经常遇到需要将数据按类别分组展示的需求。通常我们会想到树形表格或展开行，但有时业务要求一个扁平的分类样式——...