element-ui table 里面的checkbox 怎么实现键盘事件 shift多选？

Question

怎么在el-table 里面实现 shift多选 checkbox

Answer 1

我的思路是：监听键盘 onkeypress事件，判断是否是 shift 按键，如果是，则将第一次选中和第二次选中的 el-table 中的 checkbox 的行序号，然后调用表格的 toggleRowSelection 事件，将行号传进去，触发那些行的选中

Answer 2

你可以监听shift

然后select的时候进行循环勾选

Answer 3

感谢解答，现在解决了，我的做法是在mounted里分别对keydown和keyup进行addEventListener，如果keycode是16，那就给isShift变量进行true和false的变更，然后watch监听isShift变量，在keyup事件触发后，求min，max，然后在[min，max]这个区间循环调用表格的 toggleRowSelection 事件，大概思路是这样。还有一些更细的情况也要考虑进去，这里就不展开了。