Я использовал bootstrap - Vue, и эта проблема связана с отображением данных на основе события @click в цикле for. - PullRequest
Новая
       0

Я использовал bootstrap - Vue, и эта проблема связана с отображением данных на основе события @click в цикле for.

0 голосов
/ 21 апреля 2020

Я использовал bootstrap - vue для создания кнопок внутри таблицы. Требовалось получить данные о нажатой кнопке. Но так как я использовал для l oop, хотя я нажимаю на любую из 3 кнопок (число основано на l oop), данные обрабатываются для всех 3 кнопок щелчка на любой из 3 кнопок , Я попытался использовать «collapse - {{index}}», чтобы значение индекса могло измениться. Но если использовать это, я получаю ошибку модуля. 

<b-tbody>
          <b-tr v-for="(_,index) in gradableItems" :key="index">
            <b-td>
              <div>
                <b-button
                  :class="visible ? null : 'collapsed'"
                  :aria-expanded="visible ? 'true' : 'false'"
                  aria-controls="collapse-4"
                  @click="fetchGIChildren({gradableItemId:gradableItems[index].id+'',userID:'701709', giIndex: index}), visible = !visible"
                ></b-button>
              </div>
              {{gradableItems[index].id+" "+gradableItems[index].name}}
              <table>
                <b-collapse id="collapse-4" v-model="visible" class="mt-2">
                  <tr v-for="(_,childIndex) in gradableItems[index].children" :key="childIndex">
                    <td>{{gradableItems[index].children[childIndex].status +' '+ gradableItems[index].children[childIndex].name}}</td>
                  </tr>
                </b-collapse>
              </table>
...