vue输入框组件，反复获取焦点，键盘控制的一次加减大小会bian

[GlimmerL]

keyControl: function(){
var _this=this;
$(window).keydown(function(e){
if($('input')){
if(e.keyCode==38){
_this.handleUp();
}
else if(e.keyCode==40){
_this.handleDown();
}
}
});
}


第一次使用↑键 数字加10，失去聚焦后，再次聚焦，使用↑，数字增加20，这是为什么，有什么办法可以解决吗？

[纨_绔]

引用 楼主 GlimmerL的回复:

keyControl: function(){
var _this=this;
$(window).keydown(function(e){
if($('input')){
if(e.keyCode==38){
_this.handleUp();
}
else if(e.keyCode==40){
_this.handleDown();
}
}
});
}


第一次使用↑键 数字加10，失去聚焦后，再次聚焦，使用↑，数字增加20，这是为什么，有什么办法可以解决吗？

可以把components写的详细一点么。。。

[GlimmerL]

引用 1 楼 纨_绔 的回复:

[quote=引用 楼主 GlimmerL的回复:] keyControl: function(){ var _this=this; $(window).keydown(function(e){ if($('input')){ if(e.keyCode==38){ _this.handleUp(); } else if(e.keyCode==40){ _this.handleDown(); } } }); } 第一次使用↑键 数字加10，失去聚焦后，再次聚焦，使用↑，数字增加20，这是为什么，有什么办法可以解决吗？

可以把components写的详细一点么。。。[/quote] https://blog.csdn.net/GlimmerL/article/details/102514495

[纨_绔]

改成这样的 你能看懂的 keyControl: function() { var _this = this; $(window).unbind('keydown') $(window).keydown(function(e) { if ($('input')) { if (e.keyCode === 38) { _this.handleUp(); } else if (e.keyCode === 40) { _this.handleDown(); } } }); } }, 另外建议你这个函数改一下，否则会超出max handleUp: function() { if (this.currentValue >= this.max) return; if (this.currentValue + this.currentStep > this.max) { this.currentValue = this.max return } this.currentValue += this.currentStep; },

[纨_绔]

另一个down函数同理哈，我也是刚开始学习，一起进步

[GlimmerL]

引用 4 楼 纨_绔 的回复:

另一个down函数同理哈，我也是刚开始学习，一起进步

不会的，当input里面值改变时会触发 @change="handleChange" handleChange里面有判断