Vue的click事件防抖和節流處理

2021-09-24 07:47:46 字數 446 閱讀 4025

定義:多次觸發事件後,事件處理函式只執行一次,並且是在觸發操作結束時執行。

在vue中對click新增防抖處理

const on = vue.prototype.$on

// 防抖處理

vue.prototype.$on = function (event, func) , 500)}}

on.call(this, event, newfunc)

}

在vue中對click新增節流處理

const on = vue.prototype.$on

// 節流

vue.prototype.$on = function (event, func) }}

on.call(this, event, newfunc)

}

本文參考奇淫巧技

Vue的click事件防抖和節流處理詳解

函式防抖 定義 多次觸發事件後,事件處理函式只執行一次,並且是在觸發操作結束時執行。在vue中對click新增防抖處理 const on vue.prototype.on 防抖處理 vue.prototype.on function event,func 500 on.call this event...

vue防抖註冊全域性 vue全域性防抖和節流

防抖處理 立即執行 const on vue.prototype.on vue.prototype.on function event,func 500 on.call this,event,newfunc 防抖處理 最後執行 const on vue.prototype.on vue.protot...

vue防抖註冊全域性 vue全域性防抖和節流

函式防抖 防抖分為兩種 一種是立即執行 頻繁觸發事件,第一次觸發時執行函式,後面觸發不會執行,停止觸發,間隔一定時間之後再觸發事件,函式才會再次執行 另一種是後執行 頻繁觸發事件,事件只會在觸發事件之後間隔定義的時間,函式才會被執行,而且只會執行最後一次觸發的事件。在vue中對click新增防抖處理...