如图:点击报警数据中的第二条,弹出数据表格并高亮相应数据
代码如下:
表格绑定row-class-name(此项是回调方法,详情见element官网)
<el-table :data="gridData" border :row-class-name="tableRowClassName">
//点击某一行报警数据弹框
detailData(item){
//保存传递过来的id
this.alarmID = item.alarmID
this.dialogTableVisible = true
},
//table数据某一行高亮
tableRowClassName({row, rowIndex}) {
//此处判断为列表数据与表格数据对应标识
if (row.alarmID === this.alarmID) {
return 'success-row';
}
}
/deep/ .el-table .success-row {
background-color: #ecf5ff;
}