vue表单校验禁止输入中文

可以使用正则表达式来限制输入内容，以下是一个示例：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <label for="username">用户名：</label>
      <input
        type="text"
        id="username"
        v-model="username"
        :pattern="usernamePattern"
        required
      />
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      usernamePattern: /^[^\u4e00-\u9fa5]+$/,
    };
  },
  methods: {
    submitForm() {
      // 处理表单提交逻辑
    },
  },
};
</script>

在上面的示例中，我们通过给 input 标签设置 pattern 属性，来限制输入的内容必须是除中文外的其他字符。具体的正则表达式为 `/^[^\u4e00-\u9fa5]+$/`，其中 `^` 表示开头，`$` 表示结尾，`[^\u4e00-\u9fa5]` 表示除中文外的任意字符，`+` 表示匹配一次或多次。这样就可以实现禁止输入中文的功能了。