使用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]: Error in render function: "TypeError: can't convert undefined to object"

並且該錯誤阻止了非Vue代碼（Bootstrap jQuery插件的初始化等）的執行。

怎么修？ 謝謝。

Answer 1

您是否嘗試過在必需的驗證器中使用requiredIf。 例如：

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