Vue- 防止重复点击指令

// 状态机，用于简单判断状态，用于防止按钮极限快速点击
je.status = (function () {
  let loading = false;
  function lock() {
    loading = true;
  }
  function unlock() {
    loading = false
  }
  function getStatus() {
    return loading;
  }
  return {
    lock,
    unlock,
    getStatus
  }
})()

Vue.directive('singleClick', function (el, binding) {
  el.onclick = function (event) {
    if (el.disabled) return;
    if (je.status.getStatus() === true) {
      return;
    }
    je.status.lock();
    binding.value();
  }
})

<je-button type="primary" size="middle" v-singleClick="commitData">提交发布</je-button>

commitData() {
      this.$refs.telexForm.verify((val) => {
        if (val) {
          this.$api.post('/post/v1/post', this.form).then((res) => {
            this.$Message.success('提交成功！')
            this.$router.push({
              path: '/content/list',
            })
            je.status.unlock()
          })
        } else {
          this.$Message.error('必填项不能为空！')
          je.status.unlock()
        }
      })
    }