当前位置: 首页 > article >正文

双击重复请求的方法

1、限制点击次数
2、vue中 可以自定义一个属性指令
preventReClick.js中定义:

import Vue from 'vue'
Vue.directive('preventReClick', {inserted: (el, binding) => {el.addEventListener('click', () => {if (!el.disabled) {el.disabled = truesetTimeout(() => {el.disabled = false}, binding.value || 3000)}})}
})

页面上使用v-preventReClick即可 但是要考虑定时器的问题
3、在axios中请求中进行拦截 比如相同的地址 相同的参数 可以直接取消请求 在axios中CancelToken 可以取消重复请求

http://www.lryc.cn/news/2384843.html

相关文章:

  • Java[IDEA]里的debug
  • 一条SQL语句的旅程:解析、优化与执行全过程研究
  • 动态规划经典三题_完全平方数
  • LVGL(lv_textarea文本框控件)
  • 蓝桥杯国14 互质
  • DAO模式
  • ECharts图表工厂,完整代码+思路逻辑
  • Logback 在 Spring Boot 中的详细配置
  • 写起来比较复杂的深搜题目
  • MySQL强化关键_016_存储引擎
  • CSS:margin的塌陷与合并问题
  • 防护等级IPxx含义 -雨天充电需要防护盖吗
  • 【设计模式】责任链+模板+工程模式使用模板
  • 探索服务网格(Service Mesh):云原生时代的网络新范式
  • SQL SERVER中实现类似LEAST函数的功能,返回多列数据中的最小值
  • SymPy | 获取表达式自由变量方法与因式分解
  • 深度剖析并发I/O模型select、poll、epoll与IOCP核心机制
  • 单片机——实现交通信号灯管理
  • 数据结构 -- 交换排序(冒泡排序和快速排序)
  • 【算法】: 前缀和算法(利用o(1)的时间复杂度快速求区间和)
  • macOS 安装 PostgreSQL
  • 打破传统范式,线上 3D 画展彰显多元亮点
  • Linux系统:基础命令之 ls~pwd~cd
  • MuJoCo安装记录
  • 软件工程(八):UML类图的几种关系
  • python定时删除指定索引
  • 基于OAuth2-proxy和Keycloak为comfyui实现SSO
  • SmartSoftHelp 之 SQL Server 数据库安全备份与安全还原详解---深度优化版:SmartSoftHelp DeepCore XSuite
  • Spring 代理与 Redis 分布式锁冲突:一次锁释放异常的分析与解决
  • 【数据结构】队列的完整实现