Ant Design of Vue清空a-table中的选中项

用最笨且最直截了当的方法 ,对ant design的table中自带的rowSelection中selectedRowKeys直接进行绑定。

<div class="content_Table">
  <!-- onSelectInvert: onSelectInvert, -->
    <a-table
      bordered
      :loading="loading"
      :row-selection="{
      	selectedRowKeys: selectedRowKeys,
        onChange: onSelectChange,
      }"
      :data-source="shoppingCar"
      :pagination="shopCarPagination"
      :scroll="{ y: 470 }"
      :row-key="
      (record, index) => {
        return index;
      }
      "
>

在data中初始化selectedRowKeys,然后在方法中直接对selectedRowKeys进行重新赋值操作即可。

export default {
  name: 'BorrowAndReturn',
  components: {
  },
  data () {
    return {
      // table选中项的key
      selectedRowKeys: []
    }
  },
  methods: {
    // 直接给selectedRowKeys重新赋值即可
    clean () {
      this.selectedRowKeys = []
    }
  }
}
上一篇:字节回应“抄袭阿里Ant Design代码”深表歉意,Semi Design项目开源


下一篇:Ant Design表单验证规则