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>

    查看效果:

     全选也不会被选中

     完美~~

  • 相关阅读:
    通过接口实现适用于SqlServer和MySql的SqlHelper
    javascript面向对象(二)
    闭包
    javascript面向对象(一)
    引用类型——function
    引用类型——数组
    引用类型
    javascript变量的作用域
    正则表达式语法
    FCKeditor插件 中文解释
  • 原文地址:https://www.cnblogs.com/xiaomengzhu/p/13615477.html
Copyright © 2011-2022 走看看