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

为避免重复点击问题,可以加一个自定义组件将按钮禁用一段时间。
-
监听click时间, 单击时将对象禁用2s
#vim resources/src/directive/no-more-click/click.js
function click(el, binding) {
el.addEventListener('click', e => {
el.classList.add('is-disabled');