vue2 v-for 动态绑定ref

你可以使用动态绑定 `ref` 来在 `v-for` 循环中创建多个引用。首先，你需要在 Vue 实例中声明一个空的对象或数组，作为引用的集合。然后，你可以使用 `v-bind` 绑定动态的 `ref` 属性。

下面是一个示例代码，展示了如何在 `v-for` 循环中动态绑定 `ref`：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      <input type="text" :ref="'input-' + index">
      <button @click="logInput(index)">Log Input</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [1, 2, 3] // 示例数据，你可以根据实际需求修改
    };
  },
  methods: {
    logInput(index) {
      const inputRef = this.$refs['input-' + index];
      console.log(inputRef.value);
    }
  }
};
</script>

在上述示例中，我们使用 `v-for` 循环渲染了一个输入框和一个按钮，并且为每个输入框动态绑定了一个 `ref`。当按钮被点击时，通过 `this.$refs` 可以获取到相应的输入框的引用，并打印出其值。

希望以上内容对你有所帮助！如有其他问题，请随时提问。