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

input

配置项说明

表1 input配置项说明

参数

类型

是否必选

示例

说明

type

String

type: "input"

配置项类型。

subType

String

subType: "password"

子类型,支持的类型有number、password。

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

placeholder

String

placeholder: { "zh_CN": “请输入”, "en_US": "Please input" }

输入框占位文本。

showpassword

Boolean

showpassword: false

是否显示密码,默认为false。当“type”类型为“password”时,需要配置。

min

Number

min: 0

最小值。

max

Number

max: 100

最大值。

prefix

String

"prefix": "↑"

输入框头部内容,如前缀。

suffix

String

"suffix": "%"

输入框尾部内容,如后缀。

事件

表2 事件

事件名称

调用配置项中的方法

说明

回调参数

input

blur

在input值改变时触发

(event, data, field)

change

change

仅在输入框失去焦点或用户按下回车时触发

(data, field)

blur

blur

在输入框获得焦点时触发

(value, data, field)

focus

focus

在输入框失去焦点时触发

(value, data, field)

配置示例

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

{
	type: 'text',
	name: 'commProps.myText',
	value: '我是text的类型',
	label: {
		zh_CN: 'text的类型',
		en_US: 'text Type Example'
	},
	placeholder: {
		zh_CN: '请输入标题内容',
		en_US: 'Enter the title content.'
	},
	prefix: '↑',
	suffix: '%'
}
图1 设置后效果

相关文档