vue.js - 如何在 vuelidate 中添加基于条件的 url 验证

Question

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

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

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

截图如下：

类型 - 1

类型 - 2

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

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

标签： vue.jsvuelidate

Answer 1

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

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

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

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