el-input-number 小数位数截取与保留
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value / v-model | 绑定值 | number | — | 0 |
| min | 设置计数器允许的最小值 | number | — | -Infinity |
| max | 设置计数器允许的最大值 | number | — | Infinity |
| step | 计数器步长 | number | — | 1 |
| step-strictly | 是否只能输入 step 的倍数 | boolean | — | false |
| precision | 数值精度 | number | — | — |
| size | 计数器尺寸 | string | large, small | — |
| disabled | 是否禁用计数器 | boolean | — | false |
| controls | 是否使用控制按钮 | boolean | — | true |
| controls-position | 控制按钮位置 | string | right | - |
| name | 原生属性 | string | — | — |
| label | 输入框关联的label文字 | string | — | — |
| placeholder | 输入框默认 placeholder | string | - | - |
¶Events
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 绑定值被改变时触发 | currentValue, oldValue |
| blur | 在组件 Input 失去焦点时触发 | (event: Event) |
| focus | 在组件 Input 获得焦点时触发 | (event: Event) |
¶Methods
| 方法名 | 说明 | 参数 |
|---|---|---|
| focus | 使 input 获取焦点 | - |
| select | 选中 input 中的文字 | — |
进位取数
<el-input-number v-model="form.power" controls-position="right" :min="7" :precision='1' :readonly="form.status==2"></el-input-number>
precision:保留一位小数，输入 小数位数多了就向上进位保留一位小数
如：10.36941 结果：10.4
不进位取数
<el-input-number v-model="form.power" controls-position="right" :min="7" :precision='1' :readonly="form.status==2" @input.native="changeInputPower($event)"></el-input-number>
changeInputPower(e) {
if (e.target.value.indexOf('.') >= 0) {
e.target.value = e.target.value.substring(0, e.target.value.indexOf('.') + 2);
}
}
如：10.35 结果10.3