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

【问题标题】：How to add condition based url validation in vuelidate如何在 vuelidate 中添加基于条件的 url 验证
【发布时间】：2020-12-14 04:32:13
【问题描述】：

我在我的 vue.js 项目表单验证中使用了vuelidate。效果很好。

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

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

以下截图：

类型 - 1

类型 - 2

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

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

【问题讨论】：

这能回答你的问题吗？ Conditional validation with Vuelidate?
@Ohgodwhy 我已经用过requiredIf。但我想要基于条件的 URL 验证。

标签： vue.js vuelidate

【解决方案1】：

我得到了我的解决方案。它基于validation回调返回对象。

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

model.location 是位置类型字段变量。值“V”是位置类型“虚拟”

【讨论】：