目录1.新建 .js文件存放防抖方法2.引入防抖文件,methods中添加方法3.html代码1.新建 .js文件存放防抖方法 // 防抖 export const antiShak
// 防抖
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)
}
}
//引入防抖文件
import { antiShake } from '../../../../common/antiShake.js'; //防抖
methods: {
//给按钮添加防抖
startDrawPolyGon: antiShake(function () {
this.getDepartments() //按钮触发的方法
}),
}
<el-button @click="startDrawPolygon()" style="background-color:#409EFF; color: #FFF;" slot="append" icon="el-icon-search">搜索</el-button>
到此这篇关于Vue 项目中实现按钮防抖的文章就介绍到这了,更多相关vue 按钮防抖内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: vue项目中实现按钮防抖方法
本文链接: https://www.lsjlt.com/news/174840.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0