
前端防抖:Vue自定义指令实现按钮防重复点击
在业务开发中,提交按钮、保存接口请求,如果用户快速多次点击,会触发多次接口调用,造成重复提交、产生脏数据等问题。除了在业务函数内部写防抖逻辑,我们可以封装 Vue 自定义指令,全局复用,统一处理按钮重复点击问题。
2026-10-03 6 阅读📗 开发笔记
共 3 篇文章

在业务开发中,提交按钮、保存接口请求,如果用户快速多次点击,会触发多次接口调用,造成重复提交、产生脏数据等问题。除了在业务函数内部写防抖逻辑,我们可以封装 Vue 自定义指令,全局复用,统一处理按钮重复点击问题。

`vuedraggable` 是 Vue 社区中广泛使用的拖拽排序组件,基于强大的SortableJS库,支持拖拽排序、跨列表拖拽、嵌套结构、拖拽手柄等复杂交互。本文系统讲解 `vuedraggable` 在 Vue 3 项目中的使用,包括安装引入、基础用法、常用属性、常见事件、实战进阶场景与问题排查。

想给视频播放器、图片查看器或报表页面加上「一键全屏」?浏览器原生 `Fullscreen API` 就能实现,无需引入任何第三方库。本文从原生 JavaScript 到 Vue 3 组合式封装,带你完整掌握进入全屏、退出全屏、状态检测与监听的全部玩法。
共 3 篇 · 第 1 / 1 页