当使用vxe-table配置带有复选框的表格时,如果单次加载数据量过大时点击表头的全选框时就不会立即全选,会出现延迟选中的情况,此时需要配置选择触发器

 checkbox-config="{ checkField: 'checked', trigger: 'row' }"


          <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>

​

之后再点击全选框时就可以立即被选中了

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐