Checklist 可勾选列表

列表的勾选操作

何时使用

  • 在一组列表项中选择一个或多个
  • 可勾选列表的使用需要默认至少勾选一项,方便用户了解列表是可以勾选的

代码示例

基本使用

属性

属性说明类型必填默认值
value选中数据string | number (string | )[]-
optionsChecklistItem 数据,配置每一列的选项ChecklistItem[][]
multiple是否支持多选booleanfalse
className类名string-

ChecklistItem

属性说明类型必填默认值
title标题string-
valuestring | value-
image图片string-
description描述string-
disabled是否禁用boolean类名false
readOnly是否只读boolean类名false

事件

事件名说明类型
onChange选中项发生变化,触发回调(value: string| number| [], column: ChecklistItem, event: Event) => void

插槽

名称说明类型
contentCheckListItem自定义样式作用域插槽,接收选中的item参数
icon自定义选中Icon-

样式类

类名说明
amd-checklist可勾选列表样式
amd-checklist-item-content可勾选列表内容样式
amd-checklist-item-text可勾选列表内容标题样式
amd-checklist-item-image可勾选列表内容图片样式
amd-checklist-item-text-description可勾选列表内容描述样式
amd-checklist-item-check-icon可勾选列表内容选中Icon样式