点击行设置样式,在已经使用@row-click的情况下,不同使用其他的事件的时候
点击行设置样式,在已经使用@row-click的情况下,不同使用其他的事件的时候,出现耦合性的时候,解决方案
在<el-table>标签中使用 highlight-current-row
实例:
1.在表格中设置属性
<el-table
:data="deptOptions"
@row-click="handleNodeClick"
highlight-current-row
border
height="550"
>
2. 在样式中依照此类进行设置
::v-deep .el-table__body{
tr.current-row{
background-color: #eee !important;
td{
background-color: #eee !important;
}
}
}