vxe-table复选框卡顿
时间: 2023-10-10 08:07:31 浏览: 94
当使用vxe-table配置带有复选框的表格时,如果单次加载数据量过大时点击表头的全选框时就不会立即全选,会出现延迟选中的情况。为了解决这个问题,需要配置选择触发器。可以使用vxe-table-plugin-menus插件来提供实用的快捷菜单集,该插件基于vxe-table。安装插件时,需要执行以下命令:npm install xe-utils vxe-table@next vxe-table-plugin-menus@next。然后在代码中引入VXETable,并配置checkbox-config属性,设置checkField为'checked',trigger为'row'。具体的配置示例代码如下:
```html
<vxe-table border="none" class="elTable" show-overflow ref="xTable1" :data="tableData" :header-cell-class-name="headerCellClassName" :height="500" :checkbox-config="{ checkField: 'checked', trigger: 'row' }">
<vxe-column type="checkbox" width="60"></vxe-column>
<vxe-column v-for="(item, index) in tableInfo" :key="index" :field="item.prop" :title="item.label"></vxe-column>
</vxe-table>
```