element el-input特殊字符校验

html:

<el-form-item label="名称：" prop="askName">
          <el-input
            placeholder="请输入名称"
            v-model="ruleFormlist.askName"
            style="width: 340px"
          ></el-input>
</el-form-item>

data:

rules: {
        askName: [
          { required: true, message: "名称不能为空", trigger: "blur" },
          {
            min: 1,
            max: 30,
            message: "长度在 1 到 30 个字符",
            trigger: "blur",
          },
          {
            required: true,
            pattern: /^[\u4e00-\u9fa5_a-zA-Z0-9.·-]+$/,
            message: "名称不支持特殊字符",
            trigger: "blur",
          },
        ],
    }

实现效果