element-plus table组件单击行切换选中状态、点击高亮行、设置shift或ctrl连续多选和连续取消多选(支持多段选择)
创始人
2024-02-06 01:19:36
0次
演示效果
需求逻辑:
- 单击行切换选中状态
- 不按住shift或者ctrl键点击一行,设置该行高亮,该行将作为起始行
- 连续多选:高亮行作为起始位置,按住shift或者ctrl键后选中行作为结束位置,结束位置未勾选则连续多选
- 连续取消多选:高亮行作为起始位置,按住shift或者ctrl键后选中行作为结束位置,结束位置已勾选则连续取消多选
- 支持多段选择

完整代码
相关内容