el-input-number 只能输入正整数
时间: 2024-03-17 20:38:49 浏览: 947
vue:el-input输入时限制输入的类型操作
5星 · 资源好评率100%
el-input-number 是 Element UI 中的一个组件,用于输入数字的输入框。如果你想限制 el-input-number 只能输入正整数,可以通过设置 min 属性为 1 来实现。这样用户就只能输入大于等于 1 的整数值。
以下是一个示例代码:
```html
<template>
<el-input-number v-model="number" :min="1" :precision="0"></el-input-number>
</template>
<script>
export default {
data() {
return {
number: 1
};
}
};
</script>
```
在上面的代码中,我们将 el-input-number 绑定到了一个名为 number 的数据属性上,并设置了 min 属性为 1,precision 属性为 0。这样用户只能输入大于等于 1 的整数值。
阅读全文