函数防抖

  |  
 阅读次数

函数防抖动

鼠标移入事件的函数防抖方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/** HTML */
<div
class="getTitle"
@mouseover="getTitleReq(scope)"
@mouseout="clearTitleReq"
></div>

/** 指标完成率 获取数据行说明 */
getTitleReq(scope) {
// console.log('getTitleTimeout');
clearTimeout(this.getTitleTimeout)
this.getTitleTimeout = setTimeout(() => {
// debugger
// 请求接口 doSomething...
}, 500)
},

/** 指标完成率 清除获取数据行说明 */
clearTitleReq() {
// console.log('clearTimeout');
clearTimeout(this.getTitleTimeout)
},