再将跳转到的数据高亮显示

要将跳转到的数据高亮显示，你可以在跳转到指定行后，给该行添加一个特定的CSS类来改变其样式。以下是修改后的示例代码：

<template>
  <div>
    <el-table ref="myTable" :data="tableData" height="300">
      <!-- 表格列定义 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John' },
        { id: 2, name: 'Jane' },
        { id: 3, name: 'Tom' },
        { id: 4, name: 'Alice' }
      ]
    };
  },
  mounted() {
    // 假设要跳转到id为3的行
    this.scrollToRow(3);
  },
  methods: {
    scrollToRow(id) {
      const table = this.$refs.myTable.$el.querySelector('.el-table__body-wrapper');
      const row = this.tableData.find(item => item.id === id);
      if (row) {
        table.scrollTop = row.$el.offsetTop;
        row.$el.classList.add('highlight-row'); // 添加CSS类
      }
    }
  }
};
</script>

<style>
.highlight-row {
  background-color: yellow;
}
</style>

在上面的代码中，我们在scrollToRow方法中找到了要跳转的行，并使用classList.add方法给该行的元素添加了一个名为"highlight-row"的CSS类。然后，在<style>标签中定义了.highlight-row类的样式，这里将背景颜色设置为黄色。这样，跳转到的行将以黄色背景高亮显示。你可以根据需要自定义高亮的样式。