el-inpu 限制输入长度
时间: 2023-07-07 19:37:20 浏览: 98
input禁止键盘及中文输入,但可以点击
您可以使用element UI中的el-input组件和自定义验证规则来限制输入的长度。下面是一个例子:
```html
<el-input v-model="inputValue" :maxlength="10" :rules="rules"></el-input>
```
```javascript
data() {
return {
inputValue: ''
}
},
computed: {
rules() {
return [
{ validator: this.checkLength, trigger: 'blur' }
]
}
},
methods: {
checkLength(rule, value, callback) {
if (value.length > 10) {
return callback(new Error('输入长度不能超过10个字符'))
}
callback()
}
}
```
这将创建一个输入框,其中`maxlength`属性将限制输入的长度不超过10个字符。同时,使用自定义验证规则来检查输入的长度是否超过了限制,如果超过限制则会显示一个相应的错误提示。
阅读全文