更新时间：2024-02-26 GMT+08:00
选择器
使用场景
在页面中供用户选择多个数据，展示形式是下拉列表。
组件图标：
基本属性
序号 |
属性名 |
说明 |
设置器类型 |
可选值 |
默认值 |
支持变量绑定 |
|---|---|---|---|---|---|---|
1 |
默认值 |
下拉框默认选中值 |
select选择框 |
- |
- |
√ |
2 |
多选 |
设置下拉框是否可多选 |
switch开关 |
开/关 |
关 |
√ |
3 |
禁用 |
设置选择框是否禁用 |
switch开关 |
开/关 |
关 |
√ |
4 |
数据标识字段 |
作为value唯一标识的键名，绑定值为对象类型时必填，同时需要el-select添加属性value-key="id"，el-option绑定属性key="item.label" |
input输入框 |
- |
- |
√ |
5 |
数据展示字段 |
作为tag展示对象属性的键名，绑定值为对象类型时必填 |
input输入框 |
- |
- |
√ |
6 |
占位符 |
提示用户的作用 |
input输入框 |
- |
- |
√ |
7 |
选项数据 |
填入数组，数据形式以key，value的形式展示 |
metacode代码编辑器 |
- |
- |
√ |
属性详解
数据标识字段
设置数据标识字段，即key字段的绑定值，设置后选中之后值为当前设置的标识字段。
数据展示字段
设置数据展示字段，即label字段的绑定值，设置后下拉列表展示的值是设置的字段。
选项数据
选择“编辑代码”，通过填写JSON数据，创建选项数据。
[
{
"value": 1,
"label": 11
},
{
"value": 2,
"label": 22
},
{
"value": 3,
"label": 33
}
]
图1 选项展示
父主题： 表单组件
