vxe-table 实现复选框多选，鼠标拖拽选择、鼠标拖拽范围选择

官网: https://vxetable.cn
通过 range 启用范围选中,启用后鼠标按住复选框的列，向上或向下滑动选取，支持快捷键;
MouseLeft 按住复选框的列，向上或向下滑动选取;
MouseLeft + Ctrl 局部选取/取消;

1. <template>
2.   
3.     <vxe-table
4.       border
5.       height="500"
6.       :column-config="{resizable: true}"
7.       :row-config="{isCurrent: true, isHover: true}"
8.       :data="tableData"
9.       :checkbox-config="{labelField: 'name', highlight: true, range: true}">
10.       <vxe-column type="checkbox" title="Name"></vxe-column>
11.       <vxe-column field="sex" title="Sex"></vxe-column>
12.       <vxe-column field="age" title="Age"></vxe-column>
13.       <vxe-column field="address" title="Address" show-overflow></vxe-column>
14.     </vxe-table>
15.   
16. </template>

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！