el-table 根据id跳转到指定行

要实现根据id跳转到指定行，可以使用element-ui的el-table组件的方法。首先，你需要给每一行的数据添加一个唯一的id属性。然后，在el-table组件中，使用ref属性给el-table添加一个引用，例如ref="myTable"。接下来，在跳转的时候，可以通过获取到的id值，使用table的scrollTo方法来实现滚动到指定行。以下是一个示例代码：

<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;
      }
    }
  }
};
</script>

在mounted生命周期钩子中调用scrollToRow方法，并传入要跳转的id值，即可实现根据id跳转到指定行。注意，这里使用了querySelector方法来获取到el-table的包裹元素，然后通过scrollTop属性和offsetTop属性来实现滚动到指定行的效果。