Ant Design Vue Table 组件 getCheckboxProps 事件

版本

Ant Design Vue 版本 1.7.8
Vue 版本 2.X

实现效果

达到一定的条件、禁用某一行，不能勾选这一行

代码实现

<template>
	<a-table
		:columns="columns"
	    :dataSource="data"
	    :rowSelection="{
	      getCheckboxProps: this.disableCheckd
	    }">
	</a-table
</template>

<script>
export default {
	data() {
		columns: [],
		data: []
	},
	methods: {
		disableCheckd(record) {
			// record 拿到这一行数据、通过 status 属性判断、当 disabled 等于 true 时禁用此行
			return ({
				props: {
					disabled: record.status === 1
				}
			})
		}
	}
}
</script>