javascript - 使用 Vuelidate 进行条件验证？

Question

我有一个表单，可以根据存储在 VUEX 存储中的参数 action 应用不同的验证。我试试这个:

data: function() {
   const validations = {
      sendToProject: {
        cardProject: {
          required,
        },
      },
      recallToBranch: {
        fioReceiver: {
          required,
        }
      }
   }
   return {
     validations,
   }
},
validations() {
  return {
    q: this.validations[this.action]  // supposed to be this.validations['sendToProject']
  }
},
computed: {
  ...mapGetters({
    action: 'action',
  }),
},

这实际上有效，但在引导时抛出错误:

[Vue warn]:渲染函数出错:“TypeError:无法将 undefined object 转换为对象”

并且该错误会阻止非 Vue 代码(Bootstrap jQuery 插件初始化等)的执行。

如何解决？谢谢。

Answer 1

您是否尝试过在必需的验证器中使用requiredIf。例如:

validations: {
  anyProp: {
    required: requiredIf(function (abc) {
      return abc > 10 && abc < 20
    })
  }
}