Как обработать поведение кнопки в V-for?

Question

[Алексей]

Генерю таблицу где у меня есть вложенные элменты, но не выходит чтобы по клику скрывался только тот блок на который произошел клик

<template v-for=" el in this.farmDirecory">
          <tr :key="el.id">
              <td>{{ el.number }}</td>
            ...
          </tr>
                <template>
                  <tr >
// ЗДЕСЬ КЛИК
                      <th @click="collapseWatch = !collapseWatch" style="cursor: pointer">
                        <img :src="ArrowPosition" alt="">
                      </th>
                      <th>Номер приложения</th>
                      <th >Тип приложения</th>
                      <th>Дата</th>
                      <th >Примечание</th>
                      <th >Скан-копия</th>
                      <th >Номер договора</th>
                  </tr>
                  <template v-if="collapseWatch">
                    <tr v-for="e in el.annexes" :key="e.id" >
                      <td >Приложение</td>
                      <td >{{ e.doc_type }}</td>
                      <td > {{e.number }}</td>
                      <td >{{ new Date(e.created_at).toLocaleString() }}</td>
                      <td >{{ e.comment }}</td>
                      <td >
                        <a href="el.scan" target="_blank"
                          ><img src="@/assets/excel.png"
                        /></a>
                      </td>
                      <td >{{ e.contract }}</td>
               </tr>
                  </template>
                 
                </template>
            </template>

Comments

[Антон Антон]

collapseWatch должен быть у каждого элемента свой, т.е. это должно быть поле в объекте el

[modelair]

о боже, зачем столько кода повторяющегося? пишите меньше, используйте css. кому это нужно? лучше сделайте какой-нибудь codepen, чтобы проблему было видно.

Answer 1

[Герман Бежев]

Выдели ту часть таблицы по которой кликаешь и которую скрываешь в отдельный компонент, и там обрабатывай клики, иначе придется городить кучу уникальных полей чтобы скрывать именно их.