如何在Vue中选择所有具有特定关键字的$refs？

Question

    <div class="row">
      <div class="col" ref="tenure-1">
      </div>
      <div class="col" ref="tenure-2">
      </div>
      <div class="col" ref="tenure-3">
      </div>
    </div>

我想选择所有具有关键字“tenure”的参考文献。请帮我解决这个问题。

Answer 1

ref是一个对象，其中“tenure-1”、“tenure-2”和“tenure-3”是键。您可以迭代Object.entries(this.$refs)并检查是否存在具有类似名称的键。

let keys = []
for (let [key, value] of Object.entries(this.$refs)) {
  if (/^tenure/.test(key)) {
      keys.push({ key: value })
  }
}