在Vue js 2中获取动态$ refs值

Question

我正在开发一个vue js应用程序.我有动态ref绑定接受数量的输入元素这样的东西 -

:ref="'qty' + index"

当我记录这个.$ refs,我得到所有的参考.qty0,qty1,qty2等.

我的问题是,如何使用ref获取特定输入元素的值？

我不能硬编码.$ refs.qty0作为索引不断变化.

我试过了

  let quantityRef = "qty" + index;
  console.log(index); // 0
  console.log(quantityRef); // qty0
  console.log(this.$refs.quantityRef); // undefined

提前致谢

Answer 1

直接使用字符串键,括号:

this.$refs['qty' + index]