勾选表格中当前项时会触发selection-change事件,在中绑定handleSelectionChange方法。编写handleSelectionChange方法,实现思路就是根据勾选当前行的下标,改变当前样式。但是element table表格中没有获取勾选后当前行index的方法,这里主要通过两个forEach遍历实现。在data中定义tableData的时候一定要设置id属性,因为这里我们是通过id的对比来获取当前行的下标。这里需要注意一个问题:forEach中return无效!我们希望达到某一条件时,跳出循环,代码终止,使用forEach进行遍历是无法实现的。

详解element-ui表格中勾选checkbox,高亮当前行

详解element-ui表格中勾选checkbox,高亮当前行

详解element-ui表格中勾选checkbox,高亮当前行