[Vue.js] 토글

<div v-for="(item, index) in items" :key="item.id">
  <div class="product_box" @click="selectItem(index)">
    <!-- <img class="product_img" src="../assets/desk.png" /> -->
    <div class="border_bottom"> {{ "상품명" + item.producttitle + item.selected }} </div>
    <div><button @click="deleteItem(index)" class="delete_button">삭제</button></div>
  </div>
</div>

const selectItem = (index: number) => {
      // eslint-disable-next-line no-shadow
      items.value.forEach((item, itemIndex) => {
        if (index === itemIndex) {
          items.value[index].selected = !items.value[index].selected;
        // eslint-disable-next-line no-param-reassign
        } else item.selected = false;
      });
    };