vue el-input只能输入小数和正整数
时间: 2024-01-25 11:13:21 浏览: 172
Vue ElementUI实现:限制输入框只能输入正整数的问题
在Vue的Element UI中,可以通过设置`el-input`的`type`属性来限制用户只能输入小数和正整数。具体实现如下:
1. 只能输入正整数:
```html
<el-input type="number" :controls="false" :step="1" :precision="0"></el-input>
```
这里将`type`属性设置为"number",同时将`controls`属性设置为false,表示不显示增减按钮。`step`属性设置为1,表示每次增减的步长为1。`precision`属性设置为0,表示不允许输入小数。
2. 只能输入数字或小数点:
```html
<el-input type="number" :controls="false" :step="0.01" :precision="2"></el-input>
```
同样将`type`属性设置为"number",`controls`属性设置为false,`step`属性设置为0.01,表示每次增减的步长为0.01。`precision`属性设置为2,表示允许输入两位小数。
阅读全文