el-table根据ID获取data

如果你使用的是 Element UI 中的 el-table，那么你可以通过以下代码根据 ID 获取数据：

// 获取 el-table 的数据源
let tableData = this.$refs.table.data;

// 遍历数据源，查找与指定 ID 匹配的数据项
let targetData = tableData.find(item => item.id === targetId);

// 如果找到匹配项，则 targetData 为该项数据，否则为 undefined
console.log(targetData);

其中，`this.$refs.table` 用于获取对 el-table 组件的引用，`tableData` 是该组件的数据源，`targetId` 是你要查找的数据项的 ID。上述代码中使用了数组的 `find` 方法来查找与指定 ID 匹配的数据项，如果找到则返回该项数据，否则返回 `undefined`。

相关问题

通过el-table的id获取el-table的数据

您可以通过以下步骤获取el-table的数据：
1. 获取el-table组件的实例对象，可以使用this.$refs.table获取到el-table组件的实例对象。
2. 调用实例对象的getData方法，可以获取到当前页面上el-table组件中的所有数据。
3. 在获取到数据后，您可以通过遍历获取到的数据，通过比较id的值来找到您需要的数据。

以下是示例代码：

// 获取el-table组件实例对象
let tableInstance = this.$refs.table;
// 调用getData方法获取数据
let tableData = tableInstance.getData();
// 遍历数据，查找指定id的数据
for(let i = 0; i < tableData.length; i++){
    if(tableData[i].id === yourId){
        // 找到了指定id的数据
        console.log(tableData[i]);
        break;
    }
}

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

您可以通过以下步骤在 el-table 中根据 id 跳转到指定行：

1. 首先，确保您的表格数据源中每一行都有一个唯一的 id 属性。例如：

[
  { id: 1, name: 'John' },
  { id: 2, name: 'Alice' },
  { id: 3, name: 'Bob' },
  // ...
]

2. 在 el-table 组件上添加 ref 属性，以便在代码中引用它。例如：

<el-table ref="table" :data="tableData">
  <!-- 表格列定义 -->
</el-table>

3. 在代码中获取 el-table 的引用，并使用 scrollTo 方法滚动到指定行。例如：

const table = this.$refs.table;
const idToScroll = 2; // 指定要跳转的行的 id
const targetRow = this.tableData.find(row => row.id === idToScroll);

if (targetRow) {
  table.setCurrentRow(targetRow); // 设置当前行为目标行
  table.scrollToRow(targetRow); // 滚动到目标行
}

这样，el-table 将滚动到具有指定 id 的行。请注意，如果表格数据是异步加载的，您可能需要在数据加载完成后执行上述代码。