本文主要是介绍element-ui inputNumber 组件源码分享，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
今日简单分享 inputNumber 组件的实现原理，主要从以下四个方面来分享：
1、inputNumber 组件的页面结构
2、inputNumber 组件的属性
3、inputNumber 组件的事件
4、inputNumber 组件的方法
一、inputNumber 组件的页面结构。
二、inputNumber 组件的属性
2.1 value / v-model 属性，绑定值，类型 number，默认值 0。
2.2 min 属性，设置计数器允许的最小值，类型 number，默认值 -Infinity。
2.3 max 属性，设置计数器允许的最大值，类型 number，默认值 Infinity。
2.4 step 属性，计数器步长，类型 number，默认 1。
2.5 step-strictly 属性，是否只能输入 step 的倍数，类型 boolean，默认 false。
2.6 precision 属性，数值精度，类型 number，无默认值。
2.7 size 属性，计数器尺寸，类型 string，large, small，无默认值。
2.8 disabled 属性，是否禁用计数器，类型 boolean，默认 false。
2.9 controls 属性，是否使用控制，类型 boolean，默认 true。
2.10 controls-position 属性，控制按钮位置，类型 string，默认 right。
2.11 name 属性，原生属性，类型 string，无默认值。
2.12 label 属性，输入框关联的label文字，类型 string，无默认值。
2.13 placeholder 属性，输入框默认 placeholder，类型 string，无默认值。
三、inputNumber 组件的事件
3.1 change 事件，绑定值被改变时触发，currentValue, oldValue。
3.2 blur 事件，在组件 Input 失去焦点时触发，(event: Event)。
3.3 focus 事件，在组件 Input 获得焦点时触发，(event: Event)。
四、inputNumber 组件的方法
4.1 focus 事件，使 input 获得焦点。
这篇关于element-ui inputNumber 组件源码分享的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
