vue2防抖-解决快速点击按钮触发多次重复的方法

1、如果不对保存方法进行防抖，快速点击保存的的时候就会保存同一条数据，这样我们就要修复

 2、首先在工具文件夹引入防抖的工具src\utils\debounce.js

export function debounce(fn, delay) {
  // 记录上一次的延时器
  var timer = null
  var delay = delay || 200
  return function() {
    var args = arguments
    var that = this
    // 清除上一次延时器
    clearTimeout(timer)
    timer = setTimeout(function() {
      fn.apply(that, args)
    }, delay)
  }
}

3、在文件中引入

import { debounce } from '@/utils/debounce'

4、在需要用的方法上用，dioSave是我们自己写的方法，500是我们传入的时候，5毫秒执行一次

    dioSave: debounce(function (data) {


    }, 500),