更新时间:2024-11-04 GMT+08:00
分享

colorpicker

配置项说明

表1 colorpicker配置项说明

参数

类型

是否必选

示例

说明

type

String

type: "colorpicker"

配置项类型。

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定义。

showInput

Boolean

showInput: true

是否展示输入框。

事件

表2 事件

事件名称

调用配置项中的方法

说明

回调参数

change

change

值改变时触发

(value, data, field)

配置示例

colorpicker配置示例如下,配置后效果如图1所示。

{
	type: 'colorpicker',
	name: 'commProps.myColorpicker',
	value: 'rgb(208,162,46)',
	label: {
		zh_CN: 'colorpicker的类型',
		en_US: 'colorpicker Type Example'
	}
}
图1 配置后效果

相关文档