举个栗子
<template>
<div class="box-wrap">
<div class="box-item" v-for="(item,index) in list" @click="edit(index)"> {{item.name}} </div>
</div>
</template>
<script>
exoprt default{
data(){
return{
list:[
{
name:'隔壁老王',
id:3,
}
{
name:'隔壁老王',
id:3,
}
]
}
},
methods:{
edit(index){
this.list[index].name = '我是修改后的name'
//这样修改是修改不了的。
*****这么修改this.$set(this.list,'我是修改后的name',this.list[index].name);
},
}
}
</script>