如何在Vue.js中禁用时触发单击事件

<template>
  <button v-on:click="clickHandler">{{ buttonText }}</button>
</template>

<script>
export default {
  data() {
    return {
      buttonText: 'Click Me',
      isDisabled: true
    };
  },
  computed: {
    clickHandler() {
      return this.isDisabled ? () => {} : this.actualClickHandler;
    },
    actualClickHandler() {
      // 实际的单击事件处理函数
    }
  }
};
</script>

<template>
  <button v-bind:disabled="isDisabled" v-on:click="clickHandler">{{ buttonText }}</button>
</template>

<script>
export default {
  data() {
    return {
      buttonText: 'Click Me',
      isDisabled: true
    };
  },
  computed: {
    clickHandler() {
      return this.isDisabled ? () => {} : this.actualClickHandler;
    },
    actualClickHandler() {
      // 实际的单击事件处理函数
    }
  }
};
</script>