在Vue/Javascript中，如何使用对此的动态引用。$refs.someDynamicVariable

我正在写一个单步表，需要以干燥的方式访问Axios catch块中每个步骤的ref

下面，它说的是

stepOneObserver

，我需要

steptoobserver

，

steptree

，

steptfour

，等等

this.$refs.stepOneObserver.setErrors(error.response.data.errors);

是否可以为此使用变量

if (observerStep === 1) {
    var obsStep = 'stepOneObserver';
}
this.$refs.{obsStep}.setErrors(error.response.data.errors);

我是伪编码，但基本上希望

{obstep}

的行为就像它说

stepOneObserver

一样，并在代码中引用它

---

希望这足够清楚/有意义。

您应该使用

[]

访问它，如：

 this.$refs[obsStep].setErrors(error.response.data.errors);

---

有关更多详细信息，请检查此。$refs[obstep]使用此解决方案，并使用switch语句设置

obstep

，这将有助于清除代码。请尝试搜索重复项，而不是回答。这是一个经常被问到的问题：