element plus 如何设置选中el-table和点击列表获取行信息，以及默认显示选中的行，高亮行

最新推荐文章于 2024-10-12 14:04:37 发布

隐含

最新推荐文章于 2024-10-12 14:04:37 发布

阅读量1.8k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/u010782109/article/details/131706667

版权

本文介绍了如何在Element Plus中操作el-table，实现点击获取行信息及默认显示选中并高亮的行，重点涉及Vue.js和JavaScript的使用技巧。

摘要由CSDN通过智能技术生成

// highlight-current-row  //一定要设置 不然的话 你点击也没有什么效果
 <el-table
      ref="singleTableRef"
      :data="tableData"
      highlight-current-row
  
      @current-change="handleCurrentChange"
      style="
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-top: 10px;
        height: calc(100% - 111px);
      "
    >
      <el-table-column prop="sort" label="排序" style="width: 8%" />
      <el-table-column prop="name" label="岗位名称" style="width: 23%"