码迷,mamicode.com
首页 > 其他好文 > 详细

Vue表单提交防抖

时间:2020-06-16 23:45:21      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:ret   util   BMI   deb   arguments   let   settime   ++   mit   

首先新增一个js文件,用来放防抖等工具方法

src/utils/index.js

// 防抖
export const Debounce = (fn, t) => {
    let delay = t || 500
    let timer
    return function () {
        let args = arguments;
        if (timer) {
            clearTimeout(timer)
        }

        let callNow = !timer

        timer = setTimeout(() => {
            timer = null
        }, delay)

        if (callNow) fn.apply(this, args)
    }
}

引入Debounce

import { Debounce } from ‘@/utils‘

表单提交方法外边套一层 Debuunce 方法

 

methods: {
    Submit: Debounce(function () {
      this.formData.fullname = this.fullname;
      this.formData.sex = this.sex;
      this.formData.count++
    }, 3000)
  }

 

Vue表单提交防抖

标签:ret   util   BMI   deb   arguments   let   settime   ++   mit   

原文地址:https://www.cnblogs.com/xianquan/p/13149685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!