Skip to content
On this page

useSelections

常见联动 Checkbox 逻辑封装,支持多选,单选,全选逻辑,还提供了是否选择,是否全选,是否半选的状态。

代码演示

基础用法

API

javascript
const result: UeSelectionsResult = useSelections<T>(
    items: MaybeComputedRef<T[]>,
    defaultSelected: T[] = []
)
const result: UeSelectionsResult = useSelections<T>(
    items: MaybeComputedRef<T[]>,
    defaultSelected: T[] = []
)

Params

参数说明类型默认值
items必填,Checkbox 列表MaybeComputedRef<T[]>-
defaultSelected可选,默认选择列表T[]-

UeSelectionsResult

参数说明类型
selected已经选择的元素ComputedRef<T[]>
allSelected是否全选WritableComputedRef<boolean>
partiallySelected是否半选ComputedRef<boolean>
isSelected是否被选择(value: T) => boolean
select选择元素(value: T) => void
unSelect取消选择元素(value: T) => void
toggle反选元素(value: T) => void
selectAll选择全部元素() => void
unSelectAll取消选择全部元素() => void
toggleAll反选全部元素() => void