首页 > 其他分享 >vue实现全部防抖

vue实现全部防抖

时间:2023-03-01 17:12:51浏览次数:24  
标签:防抖 vue false debounce 点击 全部 evt

// 全局注册防抖
Vue.component("ElButton").mixin({
  data() {
    return {
      debounce: false
    }
  },
  methods: {
    //覆盖el-button的点击事件,使用的是vue2.5.2,发现为直接覆写了原方法
    handleClick(evt) {
      if (this.debounce) {
        this.$message.warning("频繁点击,请稍后再试!");
      } else {
        this.debounce = true;
        this.$emit('click', evt);
        setTimeout(() => {
          this.debounce = false;
        }, 1000);//延时时间
      }
    }
  }
})

 

标签:防抖,vue,false,debounce,点击,全部,evt
From: https://www.cnblogs.com/xiaohanxqh/p/17168926.html

相关文章

  • vue3的ref、reactive、toRefs特性详解
    了解ref()、reactive()这两个特性之前,我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name,通过点击事件handle来改变name的值是通过如下方式写的。......
  • Vue3 reactive的理解
    1.什么是reactive?reactive是Vue3中提供实现响应式数据的方法.在Vue2中响应式数据是通过defineProperty来实现的.而在Vue3响应式数据是通过ES6的Proxy来实现的2.rea......
  • 前端框架vue中的v-on和v-bind的区别
    1.v-on指令监听DOM事件,并在触发时运行一些JavaScript代码"v-on:"的语法糖为"@",语法糖就是简写的意思。例如:<!--事件处理函数--><divid="app"> <!--语法:v-on:事......
  • VUE2 表单
    <form>-<input>-<label>-v-model<form@submit="confirm"><labelfor="account">账号:</label><!--用来获取焦点,点击“账号:”后可以选中input框,它里面的fo......
  • vue+leaflet示例:在线地图切换显示(附源码下载)
    demo源码运行环境以及配置运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。运行工具:vscode或者其他工具。配置方式:下载demo源码,vscode打开,然后顺序执行以下命令:(1......
  • 用Vue开发小程序怎么做到的?
    ​目前来说,不管是BAT大厂,还是创业公司,Vue都有着广泛的应用,对于任何一个前端工程师来说,Vue都是一门非常值得学习的前端框架之一。Vue、React和Angular是当前应用最广......
  • win11 鼠标右键显示全部内容
    1. 首先用鼠标右键点击“开始”按钮(或者按Win+X键),选择点击“Windows终端(管理员)”。 2.然后在终端应用程序里粘贴这串代码【reg.exeadd"HKCU\Software\Classes......
  • vue3+ElementPlus 后台布局搭建
    一、https://element-plus.gitee.io/zh-CN/官网  二、后台布局Layui  代码示例如下<template><divclass="app_container"><divclass="common-layo......
  • vue前端实现将页面显示内容生成pdf文件的几种方法,html2canvas、dom-to-image、jspdf(带
    实际开发需求:vue项目中,根据数据结构生成echarts图表组件,生成带有样式的图表以后,点击下载按钮,把图表以pdf格式的文件下载到本地实现思路:将vue界面的echarts组件生成图片,然......
  • Django+vue 解决cookie跨域不携带问题
    Django+vue解决cookie跨域不携带问题问题描述使用djangosession保存用户登入的token,django会将sessionid通过cookie传到浏览器,用户下一次请求的时候带着cookie访问后端......