实现Ant Design Vue中Checkbox readonly效果

 由于 Ant Design Vue组件中不支持 Checkbox 组件实现readonly效果，想要利用click 事件中return false 实现，运行后发现不能实现想要的效果。

因此在checkbox外套一个容器，实现readonly效果。代码如下： 

// template部分		
<span @click="onOnlyShowCheckedChange" >
			<a-checkbox v-model:checked="checkedbox" :disabled="disabled" v-bind="$attrs" @click="onOnlyShowCheckedChange" />
		</span>

// script部分

			const onOnlyShowCheckedChange = (_e) => {
				checkedbox.value = !checkedbox.value;
			};