级联选择

介绍
用于在选择器选项数量较多时,采用多级分类的方式将选项进行分隔。
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
}