zoukankan      html  css  js  c++  java
  • 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>

    查看效果:

     全选也不会被选中

     完美~~

  • 相关阅读:
    合并区间
    编程团体赛
    寻找数组的中间位置
    翻转链表2
    链表翻转
    CF1237H. Balanced Reversals
    arc108E
    agc028D
    CF1446D. Frequency Problem
    CF1439D. INOI Final Contests
  • 原文地址:https://www.cnblogs.com/xiaomengzhu/p/13615477.html
Copyright © 2011-2022 走看看