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

如果您使用的是 Element UI 中的 `el-input` 组件，并且需要对用户输入进行正则表达式的校验，可以使用 `el-input` 的 `validateEvent` 和 `regExp` 属性来实现。以下是一个示例代码：

<template>
  <el-input v-model="password" placeholder="请输入密码" :validate-event="false" :pattern="pattern" :title="title" />
</template>

<script>
export default {
  data() {
    return {
      password: '',
      pattern: "^(?=.*[A-Za-z])(?=.*\\d)(?=.*[@$!%*#?&])[A-Za-z\\d@$!%*#?&]{8,}$",
      title: "密码必须包含至少一个字母、一个数字、一个特殊符号，且长度不能少于8位"
    }
  }
}
</script>

在上面的代码中，我们通过 `v-model` 指令将输入框中的值绑定到 `password` 变量上，并且将 `validate-event` 属性设置为 `false`，表示输入框不会自动触发校验事件。然后，我们将正则表达式字符串赋值给 `pattern` 变量，将校验提示信息赋值给 `title` 变量。

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

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