element-plus框架:el-table组件默认选中第一项

1,715 阅读1分钟

环境

  1. vue3
  2. element-plus

需求描述

页面属于是两个列表页联动、在进入页面时、需要获取左侧表格数据的第一项、用于请求右侧列表页的数据。 但是通过el-table中的setCurrentRow。

Element Plus-el-table组件 (gitee.io)

用于单选表格,设定某一行为选中行, 如果调用时不加参数,则会取消目前高亮行的选中状态。 参数:row

尝试

尝试通过nextTick函数但是还是无效果。

其他文章

element-ui 组件el-table默认选中行setCurrentRow采坑记 - 知乎 (zhihu.com)

关键点:不管你有没有改动表格数据,用你需要选中的行id,去遍历表格数据,遍历到item.id===id,则row =item,最后用this.$refs.multipleTable.setCurrentRow(row)可以解决。