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` 类。这样，每次点击行时，选定的行就会有不同的颜色。