Доступ к функции в свойстве динамически

Question

Я создаю SPA с VueJS, и мне нужно проверить несколько форм на разных шагах.

Это наблюдатели:

<ValidationObserver ref="registrationformstep1">
...
</ValidationObserver>

<ValidationObserver ref="registrationformstep2">
...
</ValidationObserver>

<ValidationObserver ref="registrationformstep3">
...
</ValidationObserver>

Теперь я хотел бы проверить текущая форма с использованием

 async nextStep () {
   const result = await this.$refs.registrationformstep1.validate ();

   if (result) {
     this.step = this.step + 1;
   }
}

Итак, мой вопрос: как я могу динамически вызывать refs.registrationformstepX? В основном я хотел бы вставить туда this.step.

Что я пробовал:

let observer = `registrationformstep${this.step}.validate`;
const result = await this[observer]()

Это не сработало со следующей ошибкой:

this [наблюдатель] не является функцией