Skip to main content
 首页 » 编程设计

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

2023年08月27日80txw1958

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

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

请您参考如下方法:

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