如果您只使用数字迭代,想要获取v-for组件的v-model值,您可以通过以下步骤实现:
下面是一个示例代码:
<template>
<div>
<div v-for="(number, index) in numbers" :key="index">
<input type="text" v-model="numbers[index]">
</div>
<button @click="getVModelValue">获取v-model值</button>
</div>
</template>
<script>
export default {
data() {
return {
numbers: [1, 2, 3, 4, 5]
};
},
methods: {
getVModelValue() {
for (let index = 0; index < this.numbers.length; index++) {
console.log(this.numbers[index]);
}
}
}
};
</script>
在上述示例中,我们使用一个数组"numbers"来存储数字,并在v-for循环中使用"number"作为v-model的绑定值。在"getVModelValue"方法中,我们通过遍历"numbers"数组来获取每个v-model的值,并在控制台中打印出来。
这样,您就可以通过数字迭代获取v-for组件的v-model值了。
领取专属 10元无门槛券
手把手带您无忧上云