d2-crud-plus 使用小技巧（八）—— 分页旁边添加功能按钮（添加批量删除按钮）

需求

在分页模块左边添加一个批量删除按钮，取消表格左上方的批量删除按钮。

逻辑

效果

代码

<template>
  <d2-container :class="{ 'page-compact': crud.pageOptions.compact }">
    <d2-crud-x ref="d2Crud"
               v-bind="_crudProps"
               v-on="_crudListeners">
      ...
      <span slot="PaginationPrefixSlot"
            class="prefix">
        <el-button class="square"
                   size="mini"
                   title="批量删除"
                   @click="batchDelete"
                   icon="el-icon-delete"
                   :disabled="!multipleSelection || multipleSelection.length == 0" />
      span>
    d2-crud-x>
template>