vue里面的v-for循环给v-model 双向绑定不成功

在for循环中v-model会出现双向绑定不成功

<template>
<div>
	<div v-for="(item,index) of listAll">
		<input v-model="item.name"  />
	</div>
</div>
</template>
<script>
	export default {	
		data(){
			return {	
				listAll:[
					{name:1},
					{name:2},
					{name:3},
				],
			}}}
</script>
<style scoped>
</style>

经过测试把 item.name 改成 listAll[index].name就可以绑定成功

<div v-for="(item,index) of listAll">
		<input v-model="listAll[index].name"  />
	</div>
Logo

前往低代码交流专区

更多推荐