Skip to content

级联选择

image

介绍

用于在选择器选项数量较多时,采用多级分类的方式将选项进行分隔。

API

Props

参数名描述类型默认值
status状态'default' |'disabled'| 'hide'|'readonly''default'
title标题string'级联选择'
showLabel显示标题booleantrue
name数据字段string-
value默认值string-
placeholder占位提示string'请输入'
labelWidth标签宽度string'100%'
options选项数据Array-
fieldNames自定义字段名{'label':string,'value':string}{'label':'label','value':'value'}
formatLabel格式化展示内容Function-
loading加载状态booleanfalse
multiple支持多选booleanfalse
maxTagCount最多显示标签数量number-
allowSearch允许搜索booleanfalse
empty匹配选项为空时显示内容string'暂无数据'
allowClear允许清除booleanfalse
checkStrictly严格选择模式booleanfalse
expandTrigger展开下一级的触发方式'click'|'hover''click'
baseStyle自定义样式 , 表格整体自定义样式string-
customClass类名绑定 , 绑定类的名称string-
boxStyle盒模型 , margin,border,padding设置BoxStyle-
uniqueKey唯一标识 , 组件的唯一标识string-
extra补充说明string-
tip气泡提醒string-
loadAsync开启异步加载booleanfalse
loadMore子选项异步加载函数booleanfalse
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  
}