Javascript 在Vue.js$refs中,如何将$refs引用值作为变量传递给使用它的方法?

Javascript 在Vue.js$refs中,如何将$refs引用值作为变量传递给使用它的方法?,javascript,variables,dom,vue.js,refs,Javascript,Variables,Dom,Vue.js,Refs,我想做如下工作: addGreenClass(elHrefName) { var inputElement = document.getElementById(this.$refs.elHrefName.id); console.log(inputElement); } 本例中的变量“elHrefName”只是一个传递的字符串,包含vue$ref对象中引用的实际ref值的字符串形式。我不知道如何将函数中传递的字符串变量转换为dom引用的一部分,在本例中,是Vue.js$

我想做如下工作:

addGreenClass(elHrefName) {
      var inputElement = document.getElementById(this.$refs.elHrefName.id);
      console.log(inputElement);
}

本例中的变量“elHrefName”只是一个传递的字符串,包含vue$ref对象中引用的实际ref值的字符串形式。我不知道如何将函数中传递的字符串变量转换为dom引用的一部分,在本例中,是Vue.js$refs属性中的dom引用。

当然可以使用对象语法吗
this.$refs[elHrefName].id
我意识到为什么这个问题以前没有深入到这里。我可以传递元素ID lol!出于某种原因,我的头脑中有一种想法,那就是由于缺乏编程能力,我不得不使用$refs。我发现我可以传递元素ID,我的函数工作得非常好。无需深入研究Vue.js$refs定义,只需让我的手指在使用它的功能时感到刺痛。无论如何,现在问题已经解决了,是时候开发我的下一个应用程序功能了。:)当然,只要使用对象语法就行了
this.$refs[elHrefName].id
我意识到为什么这个问题以前没有深入到这里。我可以传递元素ID lol!出于某种原因,我的头脑中有一种想法,那就是由于缺乏编程能力,我不得不使用$refs。我发现我可以传递元素ID,我的函数工作得非常好。无需深入研究Vue.js$refs定义,只需让我的手指在使用它的功能时感到刺痛。无论如何,现在问题已经解决了,是时候开发我的下一个应用程序功能了。:)