使用函数中的参数作为键

Question

嗨，有人给我一些想法，将这些参数用作功能键吗？

例如，我正在使用vue，并设置了html

<div id="app">
  <input ref="name" />
  <button @click="focusIt('name')">
    Click me
  </button>
</div>

和javascript代码

new Vue({
    el: "#app",
  methods: {
    focusIt(value) {
        this.$refs.name.focus();
    }
  }
})

我已将name作为focusIt函数中的参数传递，有没有办法在函数内部使用它作为键？像this.$refs.name.focus()之类的东西？

我做了jsfiddle

感谢您的任何建议！

更新：

我尝试了this.$refs[value].focus()，但它不起作用 jsfiddle

Answer 1

如果你想传递ref的名字：

new Vue({
    el: "#app",
    methods: {
    focusIt(value) {
        this.$refs[value].focus();
    }
  }
})