Vue ant design组件库 table表格删除一整行 为什么splice不行？

Question

Vue ant design组件库 table表格删除一整行 为什么splice不行

<a-table
          :columns="columns"
          :rowKey="record => record.id"
          :dataSource="data"
          :pagination="pagination"
          :loading="loading"
          @change="handleTableChange"
          bordered
        >
          <template
           slot="name" slot-scope="text, record">
            <span>{{reportName}}
            <a-button type="primary"

             @click="onDelete(record.key)">删除</a-button>
            </span>
          </template>

Answer 1

const dataSource = [...this.dataSource];
this.dataSource = dataSource.filter(item => item.key !== key);

实际是删除了数据源对应得哪一行数据就可以