# Select 选择框 ## 基础用法 :::demo 使用f-icon嵌入图标 ````html ```` ::: ## 默认值选中 :::demo 使用f-icon嵌入图标 ````html ```` ::: ## 搜索选择框可以进行模糊搜索的数据的选择框 :::demo 使用f-icon嵌入图标 ````html ```` ::: ## 固定上下显示 :::demo 使用f-icon嵌入图标 ````html

```` ::: ## 无滚动或设置高度 :::demo 使用f-icon嵌入图标 ````html ```` ::: ## 数组用法数组形式直接不用穿任何参数就会自动识别。 :::demo 使用f-icon嵌入图标 ````html ```` ::: ## 多选用法数组形式直接不用穿任何参数就会自动识别。 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 层级用法无限制层级用法，自动识别子层级参数明进行深度递归。 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 禁用状态 :::demo 使用f-icon嵌入图标 ````html ```` ::: ## 尺寸 :::demo 使用f-icon嵌入图标 ````html

```` ::: ## 参数说明 | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | type | 类型 | String | select / search | select | | border | 边框颜色 | String | danger / - | - | | multi | 多选状态| Boolean | true/false | false | | disabled | 禁用状态| Boolean | true/false | false | | size |大小 | String | small / mini | — | | searchType |搜索形式 | String | front / interface | front | | data | 数据 | Array | — | — | | value | 默认显示值（单选默认值或对象,多选时为数组） | Any | — | — | | prop | 匹配参数 | String | — | — | | main | 主要字段,用于显示主要文本及搜索 | String | — | — | | minor | 次要字段,用于显示次要文本及搜索 | String | — | — | | children | 子层级参数名 | String | — | — | | width | 组件宽度 | String | — | — | | height | 组件高度 | String | auto|高度值 | 200px | | placement | 默认显示位置 | String | auto/bottom/ top | auto | | downIcon | 下拉图标| String | — | icon-down | | rightIcon | 右图标| String | — | icon-next | | searchIcon| 搜索图标| String | — | icon-search | | cancelIcon| 关闭图标| String | — | — | | defShowDownIcon| 是否默认显示下拉图标| Boolean | true/false | false | | placeholder | 默认显示文字 | String | — | — | | forbidden | 子选项禁用字段名称（为boolean） | String | — | — | ## 事件 | 事件名称 | 说明 | 回调参数 |---------- |-------- |---------- | | change | 选项改变事件 | 选择对象 | | reachBottom| 触底事件 | — |