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

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