单选取消选中,el-checkbox单选,设置圆角

时间:2025-01-19 16:41:01

单选取消选中其实可以直接用css实现,这里直接用多选实现,然后修改样式就行。
//代码部分

<div class='checkbox-radio'>
	<el-checkbox-group v-model="" :max="1">
         <el-checkbox v-for="(vItem, vIndex) in " :key="vIndex" :label="vItem"></el-checkbox>
	</el-checkbox-group>
</div>

//css,使用样式穿透

<style scoped>
	.checkbox-radio>>>.el-checkbox__inner{
  border-radius: 50% !important;
}
//这里还有一点小问题,就是不能像真正的单选那样随意切换,根据需求来