vue.jsでシンプルなアコーディオンメニュー(2)

配列にあったら表示、無かったら非表示する

index.vue

// Composition API
const showBox = ref([])
const open = (data) => {
  if (showBox.value.includes(data) === false) {
    showBox.value.push(data)
  } else {
    showBox.value = showBox.value.filter(n => n !== data)
  }
}

index.vue

<div @click="open('q1')">
    質問
</div>
<div v-if="showBox.includes('q1')">
    答え
</div>
<div @click="open('q2')">
    質問
</div>
<div v-if="showBox.includes('q2')">
    答え
</div>