如何在 vuelidate 中添加基于条件 url 的验证

Question

我在 vue.js 项目表单验证中使用了 vuelidate。效果不错。

但我需要 URL 基于条件的验证。我的要求如下。

我的创建会议表单有位置类型字段和基于位置的信息字段。

以下截图：

类型 - 1

类型 - 2

如果用户选择虚拟 URL 验证添加。否则不要添加URL validate.

如果有人有这个解决方案，请分享给我。

Answer 1

我找到了解决方案。它基于 validation 回调 return 对象。

validations() {
  const self = this;
  return {
    model: {
      location: { required },
      location_info: {
        required,
        condUrlVald: self.model.location == 'V' ? url : required
      }
    }
  }
},

model.location 是位置类型字段变量。值 'V' 是位置类型 'Virtual'

参考：https://github.com/vuelidate/vuelidate/issues/770#issuecomment-745101885

如何在 vuelidate 中添加基于条件 url 的验证

How to add condition based url validation in vuelidate

vue.js

vuelidate