el-input 整数 两位小数
时间: 2023-11-23 22:07:39 浏览: 101
element el-input directive数字进行控制
以下是一个el-input只能输入整数和两位小数的例子:
```html
<template>
<el-input v-model="value" @input="limitInput" type="number" :step="0.01"></el-input>
</template>
<script>
export default {
data() {
return {
value: ''
}
},
methods: {
limitInput() {
let reg = /^(\-)*(\d+)\.(\d\d).*$/;
if (reg.test(this.value)) {
this.value = this.value.replace(reg, '$1$2.$3');
} else {
let reg = /^(\-)*(\d+).*$/;
this.value = this.value.replace(reg, '$1$2');
}
}
}
}
</script>
```
在这个例子中,我们使用了el-input组件,并且将其类型设置为number,这样可以保证用户只能输入数字。同时,我们使用了一个正则表达式来限制用户只能输入整数和两位小数。在输入框的@input事件中,我们调用了limitInput方法来限制用户的输入。如果用户输入的内容不符合要求,我们会将其替换为符合要求的内容。
阅读全文