如何解决表数据复制后高亮效果交替出现的问题？

const scrollToRow = (rowKey) => {
  const row = dataSource.value.find((row) => row["ID"] === rowKey);
  const targetIndex = dataSource.value.findIndex(
    (item) => JSON.stringify(item.key) == JSON.stringify(row.key)
  );
  if (targetIndex !== -1) {
    const currentPageSize = paginationConfig.value.defaultPageSize;
    const targetPage = Math.floor(targetIndex / currentPageSize) + 1;
    paginationConfig.value.current = targetPage;
  }
  if (row) {
    setTimeout(() => {
      const tableBody = tableRef.value?.$el.querySelector(".ant-table-body");
      if (tableBody) {
        const rowElement = tableBody.querySelector(
          `table .ant-table-tbody tr[data-row-key="${row.key}"]`
        );
<pre class="brush:php;toolbar:false">    // 移除所有已高亮的行
    const allHighlightedRows = tableBody.querySelectorAll(".highlighted-row");
    allHighlightedRows.forEach(el => {
      el.classList.remove("highlighted-row");
    });

    if (rowElement) {
      // 使用 requestAnimationFrame 确保样式应用在下一帧
      requestAnimationFrame(() => {
        rowElement.classList.add("highlighted-row");

        // 计算并设置滚动位置
        const tableBodyScrollTop = rowElement.offsetTop - tableBody.offsetTop;
        tableBody.scrollTop = tableBodyScrollTop;
      });
    }
  }
}, 100); // 增加延迟时间