vue3如何根据条件修改绑定的不同事件

在Vue3中，可以使用`v-if`或`v-show`指令来根据条件修改绑定的不同事件。例如：

<template>
  <div>
    <button v-if="isDisabled" @click="handleDisabledClick">Disabled</button>
    <button v-else @click="handleClick">Enabled</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const isDisabled = ref(false)

    const handleClick = () => {
      console.log('Click event')
    }

    const handleDisabledClick = () => {
      console.log('Disabled click event')
    }

    return {
      isDisabled,
      handleClick,
      handleDisabledClick
    }
  }
}
</script>

在上面的例子中，使用了`v-if`指令来判断按钮是否被禁用，如果被禁用，则绑定`handleDisabledClick`方法；如果没有被禁用，则绑定`handleClick`方法。这样就可以根据条件来修改绑定的不同事件了。