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

落日映苍穹つ 2022-12-13 04:35 381阅读 0赞

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

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, 
      　　　　　}, 
      　　　　}), 
      　　　} 
      　　}, 
     },

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

<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>

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

查看效果：

![a53a0e9cb0cd30d59209f8bdbe116c90.png][]

全选也不会被选中

![c6c887ce76c12a51a48cbcf827421058.png][]

完美~~

转载：[https://www.cnblogs.com/xiaomengzhu/p/13615477.html][https_www.cnblogs.com_xiaomengzhu_p_13615477.html]

[48304ba5e6f9fe08f3fa1abda7d326ab.png]: /images/20221123/ac51c4312447465db402f1122bc559e5.png
[a53a0e9cb0cd30d59209f8bdbe116c90.png]: /images/20221123/5017446dd33c4c2284a3dcbebf609a6a.png
[c6c887ce76c12a51a48cbcf827421058.png]: /images/20221123/714d7f55a2f14c17ac4c9e9e83c1e436.png
[https_www.cnblogs.com_xiaomengzhu_p_13615477.html]: https://www.cnblogs.com/xiaomengzhu/p/13615477.html