1.0.2 • Published 2 years ago

mr-wang-input-number v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

真正的限制数字输入框的输入内容,并不是仅仅在blur失去焦点的时候

1、组件绑定keyup和keydown事件
<input @keyup.native="keyUpEvent" @keydown.native="keyDownEvent" />

2、实例化

this.inputNumberClient = new InputNumber({
	isNegative: true, //是否能输入负数 
	precision: 2, //精确位数
});

3、绑定事件

keyDownEvent(e) {
	this.inputNumberClient.keyDownEvent(e)
};
keyUpEvent(e) {
	this.inputNumberClient.keyUpEvent(e)
}

每个keyup和keydown事件都有个格式化后的值回调,回调是当前Dom的target

this.inputNumberClient.keyUpEvent(e, (target) => {
	console.log(target.value)
});