获取表格的特定元素

Question

大家好，我正在尝试在我的表格中获取一个特定元素并向其添加一个类，以便在上传图像时使红色按钮变为绿色。但我无法获得表中的特定行。任何人对此的解决方案？我的代码：  <b-table hover           :filter="filter"           id="my-table"           :bordered="bordered"           :fields="fields"           :items="items"           :per-page="perPage"           :current-page="currentPage"           responsive           striped           small>    <template v-slot:cell(actions)="row">      <b-button id="btnImage" size="sm" @click="info(row.item, $event.target)" class="addModal mr-2" ref="addModal">        <font-awesome-icon :icon="['fas', 'image' ]" />      </b-button>    </template>  </b-table>如果我这样做： var tr = document.getElementById("my-table").getElementsByTagName("tr"); 我得到以下输出：在每个 tr 中都有一个名为 innerText 的元素，它引用了您可以在我的表格中看到的 id：但是如何获取表中的特定行并将类添加到该特定行的按钮？

Answer 1

对于每一个需要它的人。我解决了将 row.item 作为我的方法的参数的问题，非常简单但效果很好

Answer 2

使用范围字段插槽

<template v-slot:cell(nameage)="data">
        {{ data.item.name.first }} is {{ data.item.age }} years old
      </template>