arco-design vue table每次处罚rowclick,点击某一行的的时候哪一行的颜色变化

当您在 arco-design vue table 中配置 row-click 属性时，会在点击行时触发 row-click 事件。您可以在事件处理程序中通过参数来获取被点击的行数据和行索引。然后您可以使用该行索引来为该行添加 .is-selected 类，从而改变选定行的颜色。
例如，您可以在模板中添加 row-click 属性和事件处理程序：
<arco-table :data="tableData" row-click="handleRowClick">
<!-- table columns -->
</arco-table>

然后在您的 Vue 实例中添加事件处理程序：
methods: {
handleRowClick(row, index) {
// 在点击行时，为该行添加 .is-selected 类
const tableBody = document.querySelector('.arco-table__body')
const rows = tableBody.querySelectorAll('tr')
for (let i = 0; i < rows.length; i++) {
if (i === index) {
rows[i].classList.add('is-selected')
} else {
rows[i].classList.remove('is-selected')
}
}
}
}

在事件处理程序中，我们首先获取 arco-table__body 元素和所有行元素，并根据被点击的行索引为该行添加 .is-selected 类，同时移除其他行的 .is-selected 类。这样，每次点击行时，选定的行就会有不同的颜色。