Vue.js 如何获取“a”中一个输入字段的值；v代表；多输入信号

我在v-for指令中生成了多个文本输入，并将其附加到一个v-model变量，如下所示。我有一个按钮，由各自的输入打印当前工作输入值。最终，我希望在不影响其他输入的情况下提取所选输入的值

但显然，一个输入的任何变化都会影响所有输入。我非常困惑我将如何实现这一点。任何帮助都将不胜感激

我尝试的代码如下所示

<template>
  <div id="app">
    <div v-for="i in 5" :key="i">
      <input v-model="text" type="text" :key="i" />
      <button @click="printText">print</button> <span>{{ text }}</span>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: "",
    };
  },
  methods: {
    printText() {
      console.log(this.text);
    },
  },
};
</script>

打印{{text}
导出默认值{
数据（）{
返回{
正文：“，
};
},
方法：{
printText（）{
console.log（this.text）；
},
},
};

在v-for中使用v-model时，使用数组而不是简单变量

然后单击“通过函数调用传递索引”

尝试使用

<template>
  <div id="app">
    <div v-for="i in 5" :key="i">
      <input v-model="text[i]" type="text"/>
      <button @click="printText(i)">print</button> <span>{{ text[i] }}</span>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: [],
    };
  },
  methods: {
    printText(index) {
      console.log(this.text[index]);
    },
  },
};
</script>

打印{{text[i]}
导出默认值{
数据（）{
返回{
案文：[]，
};
},
方法：{
打印文本（索引）{
console.log（this.text[index]）；
},
},
};

制作

text

数组，然后执行

v-model=“text[i]”