vue2中给遍历出来的标签 设置ref，如何获取每个标签，给每个标签赋值

在Vue 2中，当你需要给遍历出来的标签设置`ref`并获取每个元素以便后续操作时，你可以这样做：

1. 首先，在HTML模板中，使用`v-for`指令遍历数据，并为每个标签添加`ref`属性，比如假设你有一个数组`items`：

   <div v-for="item in items" :key="item.id">
     <custom-element ref="elementRef" :data="item"></custom-element>
   </div>

这里`custom-element`是你自定义的组件，`ref="elementRef"`表示为当前元素分配一个名为`elementRef`的引用。

2. 然后在对应的Vue实例中，你可以在数据绑定、事件监听或者`created`, `mounted`等生命周期钩子中访问到这些`ref`：

   data() {
     return {
       items: [], // 假设这是你的数据源
       elementRefs: [] // 初始化一个空数组用于存储ref
     }
   },
   mounted() {
     this.elementRefs = this.$refs.map(ref => ref); // 获取所有ref
   }

3. 想要对每个标签赋值，你可以通过索引来访问这些`ref`：

   for (let i = 0; i < this.items.length; i++) {
     const item = this.items[i];
     const element = this.elementRefs[i]; // 获取第i个元素的引用
     element.value = item.value; // 如果`value`是你要赋值的属性
   }

记住，`$refs`是一个对象映射，键是你在模板上使用的`ref`名，值是对应元素的实际DOM对象。如果你在遍历之前直接获取`$refs`，可能只包含最后一个元素的引用，因此建议像上面那样在适当的时候获取它们。