vue 循环绑定v-model
时间: 2023-11-08 08:52:09 浏览: 84
Vue循环中多个input绑定指定v-model实例
在Vue中,循环绑定v-model可以使用v-for指令和动态绑定的方式实现。下面是一个示例:
```html
<template>
<div>
<div v-for="(item, index) in items" :key="index">
<input v-model="item.value" type="text">
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ value: 'item 1' },
{ value: 'item 2' },
{ value: 'item 3' }
]
};
}
};
</script>
```
在上面的例子中,我们使用v-for指令遍历`items`数组,并使用`:key`绑定每个循环项的唯一标识。然后,我们在每个循环项中使用v-model指令,将输入框的值与`item.value`进行双向绑定。
阅读全文