1. 首页
  2. 编程语言
  3. Javascript
  4. 详解element-ui表格中勾选checkbox,高亮当前行

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

上传者: 2021-09-01 07:46:25上传 PDF文件 170.39 KB 热度 11次

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

用户评论