阻止连点小函数 if(islock()) return

定义函数

App.vue

data () {
return {
  lock: false
}
},
methods: {
  islock () {
      if (this.lock) {
        this.$Message.error('请勿连点')
        return true
      } else {
        this.lock = true
        setTimeout(() => {
          this.lock = false
        }, 2000)
        return false
      }
}
},
mounted () {
  window.islock = this.islock
}

使用

业务.vue

if (islock()) return
this.$api('xxx',params)

原理

在某个接口上 添加这一句，表示这个接口2秒内只能调用一次，一般是新建Modal里的保存按钮上添这个。早先用什么disabled什么的都不行，这次写的小函数，主要是使用上比较方便。