# 4.6 多选框(Check box)
多选框组件
# 基础用法
<template>
<dof-checkbox></dof-checkbox>
</template>
1
2
3
2
3
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
needDarkMode | Boolean | N | false | 是否启用 M-dark/T-dark 内置暗黑适配 |
hasTopBorder | Boolean | N | false | 是否显示顶部边框 |
hasSubTopBorder | Boolean | N | false | 是否显示内容区顶部边框 |
hasBottomBorder | Boolean | N | false | 是否显示底部边框 |
hasSubBottomBorder | Boolean | N | false | 是否显示内容区底部边框 |
title | String | N | - | 标题 |
tag | String | N | '' | 标题旁标签文本 |
value | String | Number | Object | N | - | 选项值 |
disabled | Boolean | N | false | 是否禁用 |
checked | Boolean | N | false | 是否选中 |
desc | String | N | '' | 描述文本 |
itemImg | String | N | '' | 头像图片地址 |
hasArrow | Boolean | N | false | 是否显示箭头 |
isRTL | Boolean | N | false | 是否启用 RTL(从右到左)布局;默认关闭 ^2.5.10 |
设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
dofCheckBoxItemChecked | 选中状态变化时触发 | { value, checked } |