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

checkbox

配置项说明

表1 checkbox配置项说明

参数

类型

是否必选

示例

说明

type

String

type: "checkbox"

配置项类型。

value

Boolean

value: true

默认值。

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

checkLabel

Object

checkLabel: {"zh_CN": "checkbox的类型","en_US": "checkbox Type Example"}

配置项。

title

Function|Boolean

title: "xxx"

悬浮提示。

事件

表2 事件

事件名称

调用配置项中的方法

说明

回调参数

change

change

值改变时触发

(value, data, field)

配置示例

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

{
	type: 'checkbox',
	name: 'commProps.myCheckbox',
	value: '我是checkbox的类型',
	label: {
		zh_CN: 'checkbox的类型',
		en_US: 'checkbox Type Example'
	},
	checkLabel: {
		zh_CN: 'checkbox的类型',
		en_US: 'checkbox Type Example'
	}
}
图1 配置后效果

相关文档