在模板事件选择器中使用"not“

/* 选择所有不是class="exclude"的div元素 */
div:not(.exclude) {
  background-color: blue;
}

<template>
  <div>
    <button v-on:click="handleClick" :class="{ exclude: isExcluded }">Click me</button>
    <button v-on:click="handleClick" :class="{ exclude: isExcluded }">Click me too</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isExcluded: true
    };
  },
  methods: {
    handleClick(event) {
      if (!event.target.classList.contains('exclude')) {
        console.log('Button clicked!');
      }
    }
  }
};
</script>

<style>
.exclude {
  pointer-events: none; /* 禁用事件 */
}
</style>

methods: {
  handleClick(event) {
    if (!event.target.classList.contains('exclude')) {
      event.stopPropagation();
      console.log('Button clicked!');
    }
  }
}