双击重复请求的方法
1、限制点击次数
2、vue中 可以自定义一个属性指令
preventReClick.js中定义:
import Vue from 'vue'
Vue.directive('preventReClick', {inserted: (el, binding) => {el.addEventListener('click', () => {if (!el.disabled) {el.disabled = truesetTimeout(() => {el.disabled = false}, binding.value || 3000)}})}
})
页面上使用v-preventReClick即可 但是要考虑定时器的问题
3、在axios中请求中进行拦截 比如相同的地址 相同的参数 可以直接取消请求 在axios中CancelToken 可以取消重复请求