table必须加上highlight-current-row 这个属性,然后在js里面注册一个方法selectRow,传入row的话就是走高亮某一行,不传值的话就走取消高亮,主要方法是setCurrentRow(row),row必须是tableData里面的数据,也可以在if里面做其他判断,比如row传的只是一个id,也可以更具id循环判断是tableData里面的那一条数据,然后找到这一条,在调用setCurrentRow(row)方法,效果一样可以实现
 <el-table 
	 :data="tableData" 
	 highlight-current-row 
	 ref='table' >
 </el-table>
selectRow(row) { // 给操作行 高亮
     if (row) {
       this.$refs.table.setCurrentRow(row, true);  // 高亮某一行
     } else {
       this.$refs.table.setCurrentRow();  // 取消高亮
     }
}
没有高亮或者取消高亮的效果

在这里插入图片描述

高亮后的效果

在这里插入图片描述

你学废了吗!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐