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(); // 取消高亮
}
}
没有高亮或者取消高亮的效果

高亮后的效果

你学废了吗!
版权声明:本文为m0_46156566原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。