小编izz*_*tov的帖子

有一个表循环并输出来自 API 的数据。我在表格内添加了一个按钮。当你点击它时，它应该发送被点击按钮的id，直到它收到需要打​​印的函数的数据，它应该在加载中。这是我的代码。

<table id="customers">
  <tr>
    <th>{{$t('message.numberReport')}}</th>
    <th>{{$t('message.periodFrom')}}</th>
    <th>{{$t('message.periodTo')}}</th>
    <th>{{$t('message.printButton')}}</th>
  </tr>
  <tr v-for="(item,index) in getReportInfo" :key="index">
    <td>{{ item.id }}</td>
    <td>{{ item.periodFrom }}</td>
    <td>{{ item.periodTo }}</td>
    <td>
      <v-btn
        class="primary"
        :loading="loading"
        :disabled="loading"
        @click="fetchGetReportDetailed(item)"
      >{{ $t('message.printButton')}}</v-btn>
    </td>
  </tr>
</table>                    

但是当我单击特定按钮时，所有按钮都进入加载模式。我如何解决它？任何建议将不胜感激。这是视觉示例