级联选择

介绍
用于在选择器选项数量较多时,采用多级分类的方式将选项进行分隔。
API
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 状态 | 'default' |'disabled'| 'hide'|'readonly' | 'default' |
title | 标题 | string | '级联选择' |
showLabel | 显示标题 | boolean | true |
name | 数据字段 | string | - |
value | 默认值 | string | - |
placeholder | 占位提示 | string | '请输入' |
labelWidth | 标签宽度 | string | '100%' |
options | 选项数据 | Array | - |
fieldNames | 自定义字段名 | {'label':string,'value':string} | {'label':'label','value':'value'} |
formatLabel | 格式化展示内容 | Function | - |
loading | 加载状态 | boolean | false |
multiple | 支持多选 | boolean | false |
maxTagCount | 最多显示标签数量 | number | - |
allowSearch | 允许搜索 | boolean | false |
empty | 匹配选项为空时显示内容 | string | '暂无数据' |
allowClear | 允许清除 | boolean | false |
checkStrictly | 严格选择模式 | boolean | false |
expandTrigger | 展开下一级的触发方式 | 'click'|'hover' | 'click' |
baseStyle | 自定义样式 , 表格整体自定义样式 | string | - |
customClass | 类名绑定 , 绑定类的名称 | string | - |
boxStyle | 盒模型 , margin,border,padding设置 | BoxStyle | - |
uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
extra | 补充说明 | string | - |
tip | 气泡提醒 | string | - |
loadAsync | 开启异步加载 | boolean | false |
loadMore | 子选项异步加载函数 | boolean | false |
tip | 气泡提醒 | string | - |
validate | 校验 | Validate | - |
loop | 循环, 循环渲染设置 | Loop | - |
Events
事件名 | 描述 | 参数 |
---|---|---|
onChange | 值发生改变时 | ctx param:{value:string} loop:LoopParams |
onFocus | 获得焦点时触发 | ctx param:Params |
onBlur | 失去焦点时触发 | ctx param:Params |
Type
javascript
// 事件参数
type Params = {
"indexName":string,
"paramName":string,
"ref":ComputedRefImpl, //全部的选项数据
"row":number,
"rowIndex":number
}