vue element ui 接口验证唯一值

BiKABi最近做接口验证唯一的时候老是出现很多的问题，比如提交不上，验证不到问题，昨天没想出来的问题，第二天突然就想到了，各位小阔爱们也可以放下某个问题，可能第二天就想出来了，我们拉看下面代码就知道怎么去做验证

举个栗子

写在data () {}中，不要书写到return {}中
// 校验产品类型代码是否唯一
    const warehouseName = (rule, value, callback) => {
      if (value === "" || value === null) {
        return callback(new Error("请输入代码"));
      } else {
        this.checkWarehouseNameUnique(value,callback);
      }
    };

写在return {}中做验证
// 表单验证规则
    formRules: {
      warehouseName: [
        {required: true,trigger: "blur",validator: warehouseName}
      ],
    },

写在methods: {}中
// 校验产品类型名称是否唯一接口
   async checkWarehouseNameUnique(value,callback){
     try {
     //这个调用接口只是我封装的方式，不用在意，
     //this.$apiUrl.checkWarehouseNameUnique这个是你的接口改写什么就写什么
       const res = await this.$postRequest.get(this.$apiUrl.checkWarehouseNameUnique,{
         params:{
           warehouseName: value
         }
       });
       if (res.data === "1") {
         return callback(new Error("请输入唯一名称"));
       } else {
         //这个一定要加上不然在提交的时候提交不上
         callback();
       }
     }
      catch (e) {
     }
   },

好了，就写到这里了，不懂得地方Q我，BiKaBi希望能帮到你

如有更好的方法
请斧正