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

Question

我正在开发一个 vue js 应用程序。 我对接受数量的输入元素有动态引用绑定 像这样的 -

:ref="'qty' + index"

当我记录 this.$refs 时，我得到了所有的 refs。数量0、数量1、数量2等。

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

我无法对 this.$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]