![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
洛水之南
水工
|
巨奥信息有限公司
获得徽章 0
赞了这篇文章
赞了这篇沸点
大佬们，在vue中有这样一个场景。
有一个button的共同组件设定了一个延迟函数目的是防止连续点击。
同时有一个画面会用到这个button按钮。
在页面初始化时通过v-for循环会将多个button都渲染到页面上。
这里面用visibility做了一个判读，只让每次循环时的第一个button按钮显示在页面上，其他的隐藏。
每次点击按显示在页面上的button按钮，则这个按钮将会从dom节点中移除，显示下一个button按钮。
但是这种做法会触发组件button中的延迟函数，导致我不能快速点击。
有没有更靠的办法即不破坏组件button按钮的代码又能让我的页面按钮可以快速点击呢。![[疑问]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
有一个button的共同组件设定了一个延迟函数目的是防止连续点击。
同时有一个画面会用到这个button按钮。
在页面初始化时通过v-for循环会将多个button都渲染到页面上。
这里面用visibility做了一个判读，只让每次循环时的第一个button按钮显示在页面上，其他的隐藏。
每次点击按显示在页面上的button按钮，则这个按钮将会从dom节点中移除，显示下一个button按钮。
但是这种做法会触发组件button中的延迟函数，导致我不能快速点击。
有没有更靠的办法即不破坏组件button按钮的代码又能让我的页面按钮可以快速点击呢。
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
展开
18
14
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点