宣传式网站,营销型网站套餐,wordpress 登录小工具,uc浏览器在线网页今日简单分享 inputNumber 组件的实现原理#xff0c;主要从以下四个方面来分享#xff1a;
1、inputNumber 组件的页面结构
2、inputNumber 组件的属性
3、inputNumber 组件的事件
4、inputNumber 组件的方法
一、inputNumber 组件的页面结构。 二、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 属性计数器尺寸类型 stringlarge, 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 获得焦点。