vue防抖节流

# vue 防抖节流

# 1. 借助 Lodash

1. 配置 eslint

globals: {
    "-": true
},

1
2
3

1. div 点击事件

<div @click.stop="praiseClick()"></div>

1. 逻辑 js

 praiseClick: _.debounce(function () {
   // 逻辑代码
 }

1
2
3

# 2. 自己写工具函数

1.工具 js

// 防抖函数
export const debounce = function(func, wait = 1000) {
  let timeout;
  return function(event) {
    clearTimeout(timeout);
    timeout = setTimeout(() => {
      func.call(this, event);
    }, wait);
  };
};

1
2
3
4
5
6
7
8
9
10

2.使用

导入 import { debounce } from '@/utils/util.js';

weiXinShareClick: debounce(function() {
   // 逻辑代码
}, 200),

1
2
3

更新时间: 3/22/2021, 4:43:19 PM

← vue二维码 vue svg→