vue 使用Lodash 的throttle（节流）与debounce（防抖

loadsh 官网 https://www.lodashjs.com/

命令安装  npm i --save lodash  

摸板中使用

防止快速点击重复提交

<template>

  <el-button :loading="subLoading" type="primary" size="small" @click.native="submitAdd('addForm')">确认</el-button>

</template>

<script>

import _ from 'lodash';

export default {

　　methods: {

　　　　submitAdd() {

　　　　　　if (_this.subLoading) return;

　　　　　　　　_this.$refs.addForm.validate(valid => {

　　　　　　}

　　　　}

　　},

　　mounted() {

　　　　this.submitAdd = _.debounce(this.submitAdd, 5000, {

　　　　　　leading: true,

　　　　　　trailing: false

　　　　});

   }

};

</script>

 

 函数防抖是某一段时间内只执行一次(例如:重复新增,搜索)，而函数节流是间隔时间执行(如上拉刷新)。

 

 

_.throttle(fn, 30000, { 'trailing': false });