ant design vue 表格table 默认勾选几项

本文介绍了如何在Ant Design Vue的表格组件中实现默认禁用和选中某项的功能。通过设置`disabled`属性可以控制某项是否禁用,使用`defaultCheckedKeys`或`checkedKeys`配合`onRow`来实现默认选中项。当需要在编辑时保持之前勾选的项,可以通过获取已选中的id并设置`defaultCheckedKeys`来达到目的。注意Vue和React版本中相关属性的差异。
摘要由CSDN通过智能技术生成

为什么我同样的功能要用react 、vue 都写一遍 ?

啊我真是不是闲的蛋疼啊(~ o ~)~zZ

在 ant design vue 中 , 表格的第一列是联动的选择框

截一张官方文档图,图示最后一排就是禁用状态
在这里插入图片描述

点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。

 onChange: (selectedRowKeys, selectedRows) => {
   
    console.log(`selectedRowKeys: ${
     selectedRowKeys}`, 'selectedRows: ', selectedRows);
  },

默认禁用disable 某项时,官方文档给出了例子:

    rowSelection() {
   
      const {
    selectedRowKeys } = this;
      return 
  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值