需求

表单项校验要求：

1. 满足某条件时，必填；
2. 不能输入中文。

代码

data() {
    var validateRelateTable = (rule, value, callback) => {
      if (this.form.type !== 0 && !value) {
        callback(new Error(`请选择`));
      } else {
        callback();
      }
    };
  return {
    rules: {
        relateTable: [
          {
            pattern: /^[^\u4e00-\u9fa5]+$/,
            message: "不能输入中文",
            trigger: ["blur", "change"],
          },
          { validator: validateRelateTable, trigger: ["blur", "change"] },
        ],
    }
  }
}

参考链接

1. Vue.js验证表单不能包含中文，只可以数字+字母
2. vue校验输入框不能有中文