思路:为表格数据行新增字段myRowIndex,合并在一起的行myRowIndex值相同,添加方法监测鼠标所在行的myRowIndex值,动态将所有myRowIndex值为此值的行设置相同背景色。
一、为合并行设置相同的myRowIndex
将合并在一起的行(row)添加相同的myRowIndex,为后续根据myRowIndex动态设置类名做准备。
此步骤可以在合并行的时候设置,由于合并行的业务代码不易理解,所以就不贴代码了。
二、获取当前鼠标所在行的index
-
el-table有监测鼠标移入/移除单元格的事件,添加这两个事件
<el-table //...... 省略其他代码 @cell-mouse-enter="handleCellMouseEnter" @cell