antDesignOfVue 符合条件的表格复选框禁止选中

computed: {
    rowSelection() {
      const _this = this
      const { selectedRowKeys } = this
      return {
        selectedRowKeys,
        onChange: (selectedRowKeys) => {
          this.selectedRowKeys = selectedRowKeys
        },
        getCheckboxProps: (record) => ({
         props: {
             // 全部默认禁止选中
             // disabled: true,
             // 某几项默认禁止选中(R: 当state等于1时)
             disabled: record.state === 1,
       // 某几项默认选中(R: 当state等于1时)
       // defaultChecked: record.state == 1,
     },
    }),
   }
  },
},
 <a-table
  ref="table"
  size="middle"
  bordered
  rowKey="id"
 :columns="columns"
 :dataSource="dataSource"
:pagination="ipagination" :rowSelection="rowSelection" :loading="tableLoading" class="j-table-force-nowrap" > <!-- 操作 --> <template slot="action" slot-scope="text, record"> <router-link :to="{name: 'bulkDelivery', params: {id: record.id}}">发货</router-link> </template>
</a-table>

查看效果:

 全选也不会被选中

 完美~~

原文地址:https://www.cnblogs.com/xiaomengzhu/p/13615477.html