vue 項目中實現(xiàn)按鈕防抖方法
更新時間：2022年12月13日 15:37:35 作者：夜久聽山雨
這篇文章主要介紹了vue 項目中實現(xiàn)按鈕防抖方法,首先需要新建 .js文件存放防抖方法，引入防抖文件,methods中添加方法，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
1.新建 .js文件存放防抖方法
// 防抖
export const antiShake= (fn, t) => {
let delay = t || 1000
let timer
return function () {
let args = arguments;
if (timer) {
clearTimeout(timer)
}
let callNow = !timer
timer = setTimeout(() => {
timer = null
}, delay)
if (callNow) fn.apply(this, args)
}
}
2.引入防抖文件,methods中添加方法
//引入防抖文件
import { antiShake } from '../../../../common/antiShake.js'; //防抖
methods: {
//給按鈕添加防抖
startDrawPolygon: antiShake(function () {
this.getDepartments() //按鈕觸發(fā)的方法
}),
}3.html代碼
<el-button @click="startDrawPolygon()" style="background-color:#409EFF; color: #FFF;" slot="append" icon="el-icon-search">搜索</el-button>
到此這篇關(guān)于vue 項目中實現(xiàn)按鈕防抖的文章就介紹到這了,更多相關(guān)vue 按鈕防抖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue初始化項目時報錯:Error:Cannot find module vue-temp
這篇文章主要介紹了vue初始化項目時報錯:Error:Cannot find module vue-template-compiler問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue 數(shù)組和對象不能直接賦值情況和解決方法(推薦)
這篇文章主要介紹了vue 數(shù)組和對象不能直接賦值情況和解決方法,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了vue中mixins的工具的封裝方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
如何利用 vue實現(xiàn)鼠標(biāo)懸停時顯示元素或文本
Vue.js 是一種流行的 JavaScript 框架，可以使 Web 應(yīng)用程序的開發(fā)變得更加輕松和高效，這篇文章主要介紹了在 vue 中鼠標(biāo)懸停時顯示元素或文本,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了vue給對象添加屬性沒有響應(yīng)式的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
VUE中Echarts的resize事件報錯和移除windows的事件問題
這篇文章主要介紹了VUE中Echarts的resize事件報錯和移除windows的事件問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue集成chartjs的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了Vue如何引用public中的js文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue編寫檢測敏感詞匯組件的多種思路，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了vue 判斷頁面是首次進(jìn)入還是再次刷新的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11