input-number

配置项说明

表1 input-number配置项说明
参数	类型	是否必选	示例	说明
type	String	是	type: "input-number"	配置项类型。
value	String	否	value: 1	默认值。
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" }	输入框占位文本。
stepStrictly	Boolean	否	stepStrictly: false	是否只能输入step的倍数，默认为false。
precision	Number	否	precision: 2	数值精度。
step	Number	否	number: 1	计数器步长，默认值为1。
hideControls	Boolean	否	hideControls: false	是否使用控制按钮。
min	Number	否	min: 0	设置计数器允许的最小值，默认值为-Infinity。
max	Number	否	max: 100	设置计数器允许的最大值，默认值为Infinity。

事件

表2 事件
事件名称	调用配置项中的方法	说明	回调参数
change	change	仅在输入框失去焦点或用户按下回车时触发	(data, field)
blur	blur	在输入框获得焦点时触发	(value, data, field)
focus	focus	在输入框失去焦点时触发	(value, data, field)

配置示例

input-number配置示例如下，配置后效果如图1所示。

{
	type: 'input-number',
	name: 'commProps.myInputNumber',
	value: '88',
	label: {
		zh_CN: 'input-number的类型',
		en_US: 'input-number Type Example'
	},
	step: '0.01',
	stepStrictly: true,
	precision:'2',
	placeholder: {
		zh_CN: '请输入标题内容',
		en_US: 'Enter the title content.'
	},
	min: '20',
	max: '100'
}

图1 input-number配置设置后效果