el-input 限制输入整数 15以内
时间: 2023-08-06 12:07:52 浏览: 137
vue + el-input 中 textarea 实现 placeholder 换行
您可以使用 `el-input` 组件的 `maxlength` 和 `oninput` 属性来限制输入整数 15 以内。具体做法如下:
```html
<el-input type="number"
:maxlength="2"
@input="handleInput">
</el-input>
```
其中,`type="number"` 表示输入类型为数字,`:maxlength="2"` 表示最多输入两位数,即 15 以内的整数。`@input="handleInput"` 表示输入框内容变化时触发 `handleInput` 方法。
```javascript
methods: {
handleInput(event) {
const value = event.target.value
if (value > 15) {
event.target.value = 15 // 超过 15 则将输入框的值设为 15
}
}
}
```
在 `handleInput` 方法中,获取输入框的值,如果超过 15 则将输入框的值设为 15。这样就能限制输入整数 15 以内了。
阅读全文