使用element-ui的input時，需求是輸入值有變化時就進行事件繫結。
有乙個事件是@input：
之前看過防抖節流相關的一些知識點，也沒用過，這次剛好稍微用一下咯
// input不再繫結事件
"searchstr"
>
watch:
}//如果手動清空input裡的值，也要進行相應的變化
if(str==='')
}methods:
this
.fun =
settimeout
(fn,wait)},
handlechange
(item)
,}
實現防抖節流
防抖 debounce 不管事件觸發頻率多高，一定在事件觸發n秒後才執行，如果你在乙個事件觸發的 n 秒內又觸發了這個事件，就以新的事件的時間為準，n秒後才執行，總之，觸發完事件 n 秒內不再觸發事件，n秒後再執行。直接上 例如頁面視窗一直在改變 停止的是n秒後執行事件 window.onload ...
customRef 實現防抖
案例 template div input type text v model num br br br div template script import from vue export default 改變的時候呼叫,newvalue 是你改變的值 set newvalue return sc...
防抖和節流的實現
常見的滾動監聽事件，每次滾動都會觸發，如此太過浪費效能，要如何優化呢？思路 在第一次觸發事件的時候，不是立即執行函式，而是給出乙個delay時間值，例如200ms 效果 短時間內大量出發同一事件最終只會執行一次 實現 利用settimeout來實現計時器的功能 防抖 const debounce f...