24. Vue防抖,禁止double click

Vue 防抖

如果按钮不做防抖限制,用户手滑或者其他场景大概率会出现重复调用接口的情况,比如编辑角色时,多次点击submit,会出现非预期请求。

image-20220920192059227

为避免重复点击问题,可以加一个自定义组件将按钮禁用一段时间。

  1. 监听click时间, 单击时将对象禁用2s

    #vim resources/src/directive/no-more-click/click.js
    function click(el, binding) {
         
         
      el.addEventListener('click', e => {
         
         
        el.classList.add('is-disabled');
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值