Javascript 访问特定<；td>；使用vue.js

我正在我的web应用程序中创建以下表格结构：

<tbody>
    <tr v-for="item in computed_report">
      <td>{{ item.website_name }}</td>
      <td class="editable" :class="{green: is_by_user(item['adsense_source'])}" v-on:dblclick="set_custom(item, 'income_adsense')">{{ item.income_adsense }}</td>
      <td class="editable" :class="{green: is_by_user(item['taboola_source'])}" v-on:dblclick="set_custom(item, 'income_taboola')">{{ item.income_taboola  }}</td>
    </tr>
</tbody>

{{item.website_name}
{{item.income_adsense}}
{{item.income_taboola}}

---

现在，每个项都有一个唯一的属性：

item.site\u id

，因此

set\u custom（item，key）

可以使用site\u id来识别行号，key是列的名称。问题是我不知道如何以vue.js的方式操作

。比如说在

set\u custom（item，key）

中，我想在

item.site\u id

行和

key

列中的

td

中添加一个类，我该如何实现呢

您正在以jQuery的方式思考。这是VueJS。VueJ的工作方式与jQuery不同，在jQuery中，您可以使用

$（'#id'）

引用某些元素

你的问题不太清楚，但我会尽力解释。 在我看来，您所能做的最好的事情就是使用带有参数（item、key）的方法，它将根据这些值抛出true/false，并使用此方法绑定类

因此，在这种情况下，您的代码如下所示：