javascript - 如何在 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>

我想选择所有具有关键字“任期”的引用文献。请帮我解决这个问题。

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 })
  }
}