Javascript Vue将类添加到目标，但从其他实例中删除

我正在尝试在Vue中创建一个可排序的表组件，它正在运行，但我只是想添加一些收尾工作，我想向当前正在排序的列中添加一个类，并将其从所有其他列中删除，但我不知道如何完成最后一部分。我一直在读一些东西，说我不应该尝试在Vue中以DOM元素为目标，这也让我认为我使用

event.target.classList.add（）

也不正确

这是我目前的方法：

方法：{
排序列（事件、索引）{
if（this.sortAsc）{
event.target.classList.add（'sortable--down'）
this.sortAsc=false
返回此.tableData.sort（（a，b）=>{
如果（a[index]b[index]）返回1；
返回0；
})
}否则{
event.target.classList.add（'sortable--up'）
this.sortAsc=true
返回此.tableData.sort（（a，b）=>{
如果（a[index]>b[index]）返回-1；
如果（a[index]

这就是所谓的：

---

我想到的唯一一件事就是像这样用Vue分配类

存储已排序列的索引（在本例中，在名为
idxSorted
的变量中），然后执行（测试）：

嗨，除了这个问题，你试过了吗？他们有一个非常好的表实现。谢谢，我有一种感觉，我需要做一些我看不见的令人沮丧的简单事情：）
<th :class="{ sorted: (index === idxSorted) }" v-for="(item, index) in headings" :key="index" @click="sort_column($event, index)"">