vue中lodash结合element ui在查询中使用节流

vue中lodash结合element ui在查询中使用节流,第1张

节流:

throttle 的中心思想在于:在某段时间内,不管你触发了多少次回调,我都只认第一次,并在计时结束时给予响应。

看代码:

# npm
npm install lodash

#yarn
yarn add lodash
  <el-button @click="throttledMethod">点击了</el-button>

   // 用了节流函数
   // 注意:使用lodash必须通过这种方式,throttle的箭头函数,里面的this反而为undefined
   //必须通过function(event),里面的this才是指向vue
     throttledMethod:  _.throttle(function(event) {
     this.changeName();
    }, 4000),
 
       changeName(){
        console.log("4秒后触发");
       }

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/945616.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-18
下一篇2022-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存