vue中表单自定义校验不能出现中文字符

在Vue中，表单自定义校验不能出现中文字符，原因是因为Vue使用的是JavaScript语言，而JavaScript默认使用的是Unicode字符集。Unicode字符集包含了全世界几乎所有的字符，包括中文字符。但是，JavaScript的正则表达式在处理Unicode字符时，可能会出现一些问题。

为了解决这个问题，我们可以使用Unicode转义序列来表示中文字符。Unicode转义序列的格式为"\uXXXX"，其中XXXX是一个四位的十六进制数，代表一个Unicode字符。

举个例子，假设我们要自定义校验一个表单中的输入值不能包含中文字符，我们可以使用正则表达式进行校验。正则表达式可以使用Unicode转义序列来排除中文字符。

下面是一个简单的示例代码：

Vue.directive('no-chinese', {
  update: function (el, binding, vnode) {
    const value = vnode.data.model.value;
    const pattern = /[^\u4e00-\u9fa5]/g; // 使用Unicode转义序列排除中文字符
    const isValid = pattern.test(value);
    
    if (!isValid) {
      // 如果输入值中包含中文字符，则给输入框添加class来指示错误
      el.classList.add('has-error');
    } else {
      // 如果输入值中不包含中文字符，则移除错误class
      el.classList.remove('has-error');
    }
  }
});

在上面的代码中，我们定义了一个名为"no-chinese"的自定义指令，通过`update`钩子函数来处理输入值的校验。我们使用了`/[^\u4e00-\u9fa5]/g`正则表达式来排除中文字符。

当输入值中包含中文字符时，我们通过给输入框添加class "has-error"来指示错误。当输入值中不包含中文字符时，我们移除错误class。

当然，这只是一个简单的示例，请根据实际需求进行适当的修改和扩展。