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": "%" |
输入框尾部内容,如后缀。 |
事件
事件名称 |
调用配置项中的方法 |
说明 |
回调参数 |
---|---|---|---|
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: '%' }