双击重复请求的方法

1、限制点击次数
2、vue中 可以自定义一个属性指令
preventReClick.js中定义:

import Vue from 'vue'
Vue.directive('preventReClick', {
  inserted: (el, binding) => {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true
        setTimeout(() => {
          el.disabled = false
        }, binding.value || 3000)
      }
    })
  }
})

页面上使用v-preventReClick即可 但是要考虑定时器的问题
3、在axios中请求中进行拦截 比如相同的地址 相同的参数 可以直接取消请求 在axios中CancelToken 可以取消重复请求

你可能感兴趣的:(vue2,vue)