zoukankan      html  css  js  c++  java
  • Vue表单提交防抖

    首先新增一个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)
      }
    博客园:https://www.cnblogs.com/xianquan
    Copyright ©2020 l-coil
    【转载文章务必保留出处和署名,谢谢!】
查看全文
  • 相关阅读:
    [Oracle整理]synonym及其应用
    [Oracle整理]Oracle之Procedure参数类型
    [Oracle整理]Oracle之数组
    RDL之矩陣
    [Oracle整理]数据类型大全
    [Oracle整理]Oracle之ROWTYPE和RECORD
    [Oracle整理]Oracle游标(显示游标&隐式游标&动态游标&参数游标)
    报表rdl嵌入网页(ASP.NET)
    Linux物理机忘记root密码
    python ftplib下载文件封装
  • 原文地址:https://www.cnblogs.com/xianquan/p/13149685.html
  • Copyright © 2011-2022 走看看