单击时仅切换一个按钮

<template>
  <div>
    <button
      v-for="(btn, index) in buttons"
      :key="index"
      :class="{ active: btn.isActive }"
      @click="toggleButton(index)"
    >
      Button {{ index + 1 }}
    </button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const buttons = ref([
      { isActive: false },
      { isActive: false },
      { isActive: false }
    ]);

    function toggleButton(index) {
      buttons.value[index].isActive = !buttons.value[index].isActive;
    }

    return { buttons, toggleButton };
  }
};
</script>

<style>
.active {
  background-color: blue;
  color: white;
}
</style>