input循环5次v-model绑定不同的值
时间: 2023-07-28 18:15:52 浏览: 95
VUE中v-model和v-for指令详解
你可以使用v-for指令循环生成多个input,然后使用v-model绑定不同的值,示例代码如下:
```html
<template>
<div>
<div v-for="(item, index) in 5" :key="index">
<input v-model="inputValues[index]" />
</div>
</div>
</template>
<script>
export default {
data() {
return {
inputValues: ['', '', '', '', '']
}
}
}
</script>
```
在上面的代码中,我们使用了v-for指令循环生成了5个input,并且使用v-model绑定了inputValues数组中不同的值,这样就实现了循环5次v-model绑定不同的值的效果。
阅读全文