el-inpu 限制输入90到-90
时间: 2023-08-05 18:05:57 浏览: 39
INPUT输入限制
您可以使用element UI中的el-input组件和自定义验证规则来限制输入的范围。下面是一个例子:
```html
<el-input v-model="inputValue" :rules="rules"></el-input>
```
```javascript
data() {
return {
inputValue: ''
}
},
computed: {
rules() {
return [
{ validator: this.checkRange, trigger: 'blur' }
]
}
},
methods: {
checkRange(rule, value, callback) {
if (value === '') {
return callback(new Error('请输入数值'))
}
if (value > 90 || value < -90) {
return callback(new Error('请输入-90到90之间的数值'))
}
callback()
}
}
```
这将创建一个输入框,并使用自定义验证规则来检查输入的范围是否在-90到90之间。如果不在此范围内,则会显示一个相应的错误提示。
阅读全文