el-form表单校验input只能输入数字和字母组合

要实现el-form表单校验input只能输入数字和字母组合，可以使用正则表达式进行校验。在el-form的rules属性中设置一个validator函数，该函数接收两个参数：rule和value。其中，rule是当前校验规则的配置，value是当前输入框的值。在validator函数中，可以使用正则表达式判断value是否符合要求，如果符合要求则调用callback()函数返回true，否则返回false。下面是一个示例代码：

<el-form :model="formData" :rules="rules" ref="form">
<el-form-item label="输入框" prop="input">
<el-input v-model="formData.input" />
</el-form-item>
</el-form>

data() {
return {
formData: {
input: ''
},
rules: {
input: [
{
validator: (rule, value, callback) => {
const reg = /^[A-Za-z0-9]+$/
if (reg.test(value)) {
callback()
} else {
callback(new Error('只能输入数字和字母组合'))
}
},
trigger: 'blur'
}
]
}
}
}