el-input禁止輸入非法字符和null
时间: 2024-02-19 11:54:35 浏览: 66
以下是两种实现el-input禁止输入非法字符和null的方法:
1. 使用正则表达式过滤非法字符
```html
<template>
<div>
<el-input v-model="input" @input="checkFormat" />
</div>
</template>
<script>
export default {
data() {
return {
input: ''
}
},
methods: {
checkFormat(value) {
// 过滤非法字符和null
this.input = value.replace(/[^0-9A-Za-z\u4e00-\u9fa5]/g, '')
}
}
}
</script>
```
2. 使用el-input-number组件并设置min和max属性
```html
<div class='el-input-number'>
<!-- 减号 -->
<span class="el-input-number__decrease"></span>
<!-- 加号 -->
<span class="el-input-number__increase"></span>
<!-- el-input -->
<el-input-number v-model="input" :min="0" :max="999"></el-input-number>
</div>
```
其中,min和max属性分别设置了最小值和最大值,如果用户输入的值小于最小值或大于最大值,则会自动被限制在最小值和最大值之间。
阅读全文