javascript - 在 Vue/Javascript 中,如何使用对 this.$refs.someDynamicVariable 的动态引用

标签 javascript vue.js vuejs2 vue-component

<分区>

我正在通过表单编写一个步骤,需要以 DRY 方式访问我的 Axios catch block 中每个步骤的 ref。

下面,它说 stepOneObserver,我需要 stepTwoObserverstepThreestepFour 等。

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

是否可以为此使用变量?

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

我是伪编码,但基本上希望 {obsStep} 表现得好像它说 stepOneObserver 并在代码中引用它。

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

最佳答案

您应该使用 [] 访问它,例如:

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

更多详情请查看Property accessors

关于javascript - 在 Vue/Javascript 中,如何使用对 this.$refs.someDynamicVariable 的动态引用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57828585/

相关文章:

javascript - 为什么 babel 将导入的函数调用重写为 (0, fn)(...) ?

javascript - TypeError : Cannot read property 'clipboard' of undefined when calling this. $ q.electron.clipboard

vue.js - 如何在Nuxt.js中实现注销?

npm需要以下对象的同伴

javascript - Three.js 中的顶点需要更新

javascript - jQuery .data ('key' ) 对于所有元素

javascript - 使用插槽将行模板从父组件传递到 vue 引导表

vue.js - 可重复使用的嵌套 VueJS 组件

javascript - vue - 自定义 block - 语法高亮

javascript - 如何从 ng-click 操作中排除元素