vue3中如何移除点击事件

在 Vue 3 中，可以使用 v-on 指令来绑定点击事件。如果要移除点击事件，可以将 v-on 指令绑定的方法设置为 null 或者 undefined。

例如，如果有一个按钮绑定了一个点击事件：

<template>
  <button @click="onClick">Click me</button>
</template>

<script>
export default {
  methods: {
    onClick() {
      console.log("Button clicked!");
    },
  },
};
</script>

要移除该事件，可以将 onClick 方法设置为 null：

<template>
  <button @click="onClick">Click me</button>
  <button @click="removeOnClick">Remove onClick</button>
</template>

<script>
export default {
  methods: {
    onClick() {
      console.log("Button clicked!");
    },
    removeOnClick() {
      this.onClick = null;
      console.log("onClick removed");
    },
  },
};
</script>

当点击 "Remove onClick" 按钮时，onClick 方法被设置为 null，因此该按钮将不再响应点击事件。