el-input 正则检验 字母或数字或特殊符号

如果您需要在 Element UI 的 `el-input` 组件中对用户输入进行字母或数字或特殊符号的正则表达式校验，可以在 `el-input` 组件上使用 `pattern` 和 `title` 属性来实现。以下是一个示例代码：

<template>
  <el-input v-model="inputValue" placeholder="请输入内容" :pattern="regExp" :title="title" />
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      regExp: '^[A-Za-z0-9!@#\$%\^\&*\)\(+=._-]+$',
      title: '只能包含字母、数字、以及 !@#$%^&*()+=._- 这些特殊符号'
    }
  }
}
</script>

在上面的代码中，我们通过 `v-model` 指令将输入框中的值绑定到 `inputValue` 变量上，然后将正则表达式字符串赋值给 `regExp` 变量，将校验提示信息赋值给 `title` 变量。

最后，在 `el-input` 组件上，我们将 `pattern` 和 `title` 属性分别绑定到正则表达式和提示信息上，这样用户在输入内容时就会自动触发正则表达式的校验，并且在输入框下方会显示校验提示信息。

需要注意的是，如果使用 `el-input` 组件内置的校验功能，需要将 `validate-event` 属性设置为 `blur` 或 `change`，表示校验会在输入框失去焦点或内容改变时自动触发。如果将 `validate-event` 属性设置为 `false`，则需要手动触发校验，可以使用 `this.$refs.input.validate()` 方法来实现。同时，如果您需要对输入内容进行多种不同的校验，可以使用自定义校验函数的方式来实现。