el-input指定数字并且能输入0.01
时间: 2023-06-25 12:08:05 浏览: 176
el-input限制输入框只能输入数字
你可以使用`<el-input>`组件配合`<el-input-number>`组件来实现指定数字并且能输入0.01的效果。
首先,需要将`<el-input>`组件的`type`属性设置为`number`,并且设置`step`属性为`0.01`,这样可以让用户在输入时只能输入数字和小数点。
然后,需要将`<el-input>`组件的`value`属性绑定到`<el-input-number>`组件的`value`属性上,这样可以让用户在输入时同时更新两个组件的值。
最后,需要在`<el-input>`组件的`blur`事件中对输入的值进行格式化,以保证输入的值是以0.01为单位的。
以下是示例代码:
```
<template>
<div>
<el-input
v-model="inputValue"
type="number"
:step="0.01"
@blur="formatInputValue"
/>
<el-input-number
v-model="inputValue"
:step="0.01"
/>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: 0
};
},
methods: {
formatInputValue() {
this.inputValue = Math.round(this.inputValue * 100) / 100;
}
}
};
</script>
```
阅读全文