select

配置项说明

表1 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	Objet	是	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	否	() => ()	远程搜索方法。

事件

表2 事件
事件名称	调用配置项中的方法	说明	回调参数
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'
			}
		}
	]
}

图1 select配置后效果