antd-vue table相关

最新推荐文章于 2023-12-27 18:10:40 发布

没有昵称的昵称lf

最新推荐文章于 2023-12-27 18:10:40 发布

阅读量372

点赞数

分类专栏： antd-vue 文章标签： Ant Design 表格组件 getCheckboxProps 默认选中禁用状态

本文链接：https://blog.csdn.net/m0_48308579/article/details/127118744

版权

antd-vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

getCheckboxProps 选择框的默认属性配置

<a-table :columns="columns" :data-source="data" :rowKey="(record) => record.id" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange, getCheckboxProps:getCheckboxProps }">
</a-table>

export default {
  data() {
    return {
      selectedRows: [],
      selectedRowKeys: [],
      }
  },
  methods: {
    onSelectChange(selectedRowKeys,selectedRows) {
      this.selectedRows = selectedRows;
      this.selectedRowKeys = selectedRowKeys;
    },
    getCheckboxProps(record){
      return ({
        props: {
          //默认选中项
          //defaultChecked: c.some(item1 => item1 === record.id) 
          disabled:  record.status === '1'//禁选项
        },
      });
    },
}