ant-design-vue表格列表勾选禁用方式
作者：叶岚羲
介绍了如何在ant-design-vue表格列表中实现勾选禁用功能,以限制用户在批量选择或单选列表数据时进行操作,文中提供了实现这一功能的经验和建议,并鼓励读者支持脚本之家
ant-design-vue表格列表勾选禁用
实现用户在批量选择或者单选列表数据时。
禁用选择列表数据
<a-table
:scroll="{ x: 'max-content' }"
:rowKey="(record) => record.id"
:columns="columns"
:data-source="res"
:pagination="false"
:loading="loading"
@change="handleTableChanges"
style="word-break: break-all"
:row-selection="{
selectedRowKeys:selectedRowKeys,
onChange: onChangeCheck,
getCheckboxProps:record => ({
props: {
disabled: !(record.bindBarrierGate)
},
}),
}"
>
</table>
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。