c7-select下拉

当选项过多时，使用下拉菜单展示并选择内容。

基础用法

适用广泛的基础单选 v-model 的值为当前被选中的 el-option 的 value 属性值

默认值

适用需要设置默认值，v-model 的值为当前被选中的 el-option 的 value 值

使用函数

数据项可以调用函数获取

禁用选项

禁用选项

指定标签和文本

指定标签和文本

基础多选

多选选择器使用 tag 组件来展示已选中的选项。

创建条目和搜索

创建并选中未包含在初始选项中的条目。

自定义模板

您可以自定义标签。

change事件回调

监听事件

远程加载

输入关键字以从远程服务器中查找数据。

分组展示

你可以为选项进行分组来区分不同的选项

Attributes

属性名	说明	类型	可选值	默认值
modelValue	绑定值，支持 String/Number/Array	String | Number | Array	—	''
fetchData	异步获取数据的函数，统一用于初始化加载与远程搜索	Function	—	null
dataFormatter	数据格式化回调，接收原始 list，返回格式化后的 list	Function	—	null
labelKey	el-option 的 label 字段名	String	—	'label'
valueKey	el-option 的 value 字段名	String	—	'value'
resultKey	异步结果中列表数据所在的路径	String	—	'data'
dataList	静态数据列表，当 fetchData 为 null 时使用	Array	—	[]
fetchParams	异步获取数据时的额外参数	Object	—	{}
autoLoad	是否在组件挂载后自动加载数据（仅在非远程模式）	Boolean	true | false	true
separator	多选模式下是否使用逗号分隔符来存储	Boolean	true | false	true
multiple	是否开启多选模式	Boolean	true | false	false
tag	是否开启 tag 模式（允许用户输入不存在的选项）	Boolean	true | false	false
remote	是否远程搜索模式	Boolean	true | false	false
group	是否开启分组	Boolean	true | false	false