前端vue2怎么判断目标是中文还是英文

在 Vue2 中，判断文本内容是中文还是英文可以使用 JavaScript 的正则表达式检查字符编码范围。下面是一个简单的示例，展示如何在一个字符串变量上进行判断：

<template>
  <div>
    <input v-model="textInput" />
    <p>{{ isChineseOrEnglish }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
     textInput: '',
      isChineseOrEnglish: ''
    };
  },
  computed: {
    isChineseOrEnglish() {
      const text = this.textInput;
      if (/[\u4e00-\u9fa5]/.test(text)) { // 正则匹配汉字
        this.isChineseOrEnglish = '中文';
      } else if (/^[a-zA-Z]+$/i.test(text)) { // 正则匹配字母
        this.isChineseOrEnglish = '英文';
      } else {
        this.isChineseOrEnglish = '可能是其他字符';
      }
      return this.isChineseOrEnglish;
    },
  },
};
</script>

上面的代码中，我们使用了两个正则表达式：
- `/[\u4e00-\u9fa5]/` 匹配汉字，汉字的 Unicode 编码范围是 `\u4e00` 到 `\u9fa5`。
- `/^[a-zA-Z]+$/i` 匹配只包含英文字母的字符串，`^` 表示开始，`$` 表示结束，`i` 标志表示不区分大小写。

如果输入的内容既不是全部中文也不是全部英文，`isChineseOrEnglish` 会显示 "可能是其他字符"。