已创建 CheckBox 和 CheckBoxGroup 组件组件特点符合项目蓝色主题风格#1E88E5支持单独使用和 CheckBoxGroup 分组使用支持禁用状态支持标签在左侧或右侧使用示例template view !-- 单独使用 -- CheckBox v-modelisAgree label同意用户协议 / !-- 多选分组 -- CheckBoxGroup v-modelselectedAreas title选择消杀区域 :requiredtrue CheckBox namekitchen label厨房 / CheckBox namebathroom label卫生间 / CheckBox namelivingroom label客厅 / CheckBox namebedroom label卧室 disabled label卧室(已消毒) / /CheckBoxGroup /view /template script import CheckBox from /components/CheckBox/CheckBox.vue import CheckBoxGroup from /components/CheckBoxGroup/CheckBoxGroup.vue export default { components: { CheckBox, CheckBoxGroup }, data() { return { isAgree: false, selectedAreas: [kitchen] } } } /scriptCheckBox Props:checked- 选中状态label- 文字标签labelPosition- 标签位置 ‘left’/‘right’disabled- 禁用name- CheckBoxGroup 中使用的名称CheckBoxGroup Props:value- 选中的名称数组title- 分组标题disabled- 禁用所有required- 是否必填(显示红色星号)事件:change- 选中状态变化时触发
