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

双击重复请求的方法

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 可以取消重复请求

相关文章:

  • JFace中MVC的表的单元格编辑功能的实现
  • Java与Go差别在哪
  • Prompt Tuning:轻量级微调与反向传播揭秘
  • el-dialog 组件 多层嵌套 被遮罩问题
  • 每日Prompt:虚拟世界游
  • 【笔记】JetBrains 数据迁移与符号链接操作
  • Halcon计算点到平面的距离没有那么简单
  • 【Oracle】创建公共数据连接
  • 分布式事务之Seata
  • 【MATLAB代码】扩展卡尔曼滤波估计pmsm的位置误差
  • 如何评估物联网框架的交互体验?
  • 五分钟图解Diffusion扩散模型
  • Qt 的多线程
  • JVM—Java对象
  • Vue3中reactive响应式使用注意事项
  • 港口危货储存单位主要安全管理人员考试题
  • Android正则表达式
  • 技术文档:SINAMICS S120 变频器搭配 GRJ9000S 系列 EMC 电源滤波器
  • 教育行业课件共享难题:大文件分发效率优化方案
  • 【Java高阶面经:消息队列篇】22、消息队列核心应用:高并发场景下的解耦、异步与削峰
  • 2016网站开发语言/搜索引擎哪个好用
  • 网站seo优化推广怎么做/凡科建站收费价目表
  • 关于优化网站建设的方案/百度24小时客服电话136
  • 如何在国外网站做翻译兼职/网站排名费用
  • 旅游网站的网页设计素材/网络推广和网站推广
  • 网站开发建设挣钱吗/官网站内推广内容