select
配置项说明
参数 | 类型 | 是否必选 | 示例 | 说明 |
|---|---|---|---|---|
type | String | 是 | type: "select" | 配置项类型。 |
value | String | 否 | value: "defaultValue" | 默认值。 |
name | String | 是 | name: "commProps.myString" | 该字段的值与advanceEditvm中的commProps.myString双向绑定。 |
label | Object | 否 | label: { "zh_CN": "中文标签", "en_US": "En label" } | 配置项的标签，需要国际化。 |
tip | Object | 否 | tip: { zh_CN: "中文提示", en_US: "English tip"} | 提示图标，当配置项比较复杂，可以添加一些提示内容。 |
noToolTip | Boolean | 否 | noToolTip: false | 标签是否具有el-tooltip提示，默认为false。 |
disabled | Function | Boolean | 否 | disabled: true或(data, field, vm) => boolean | 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 |
showFunc | Function | 否 | showFunc: function(vm) { return vm.commProps.showTitle; } | 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。 |
options | Object | 是 | options: [{"label": {"zh_CN": "主按钮","en_US": "Enable"},"value": "primary"},{"label": {"zh_CN": "虚线按钮","en_US": "dashed"},"value": "primary"}] | 选项。 |
placeholder | Object | 否 | placeholder: {"zh_CN": "请选择","en_US": "Please select"} | 占位提示。 |
filterable | Boolean | 否 | filterable: false | 是否可搜索，默认为false。 |
allowCreate | Boolean | 否 | allowCreate: false | 是否允许用户创建新条目，需配合filterable使用，默认为false。 |
multiple | Boolean | 否 | multiple: false | 开启多选，默认为false。 |
noClearable | Boolean | 否 | noClearable: true | 是否允许清空。 |
remote | Boolean | 否 | remote: false | 是否为远程搜索。 |
fetchData | Function | 否 | () => () | 远程搜索方法。 |
事件
事件名称 | 调用配置项中的方法 | 说明 | 回调参数 |
|---|---|---|---|
change | change | 值改变时触发 | (value, data, field) |
配置示例
select配置示例如下，配置后效果如图1所示。
{
type: 'select',
name: 'commProps.mySelect',
value: 'Border',
label: {
zh_CN: '边框',
en_US: 'Border'
},
options: [{
value: 'Full',
label: {
zh_CN: '全边框',
en_US: 'Full'
}
},
{
value: 'Corner',
label: {
zh_CN: '角边框',
en_US: 'Corner'
}
},
{
value: 'No Border',
label: {
zh_CN: '无边框',
en_US: 'No Border'
}
}
]
} 
