javascript - 动态访问属性中的函数

Question

我正在使用 VueJS 构建一个 SPA，我需要在不同的步骤中验证多个表单。

这是观察者：

<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[observer] 不是函数

标签： javascriptvue.jsvuejs2