练习1 :在输入框聚焦时,增加对键盘上下按键的支持,相当于加1 和减lo
练习2 :增加一个控制步伐的prop-step,比如设置为10 ,点击加号按钮, 一次增加10 。
练习1:在inputNumber.vue中,给input添加keyup事件绑定,如下:
@keyup.down="handleDown"
@keyup.up="handleUp"
练习2:父组件向inputnumber组件传入 step prop,
<button @click="handleStepUp" :disabled="currentValue >= max">+ 10</button>
handleStepUp(){ if(this.currentValue >= this.max) return; this.currentValue += this.step;