关于在vue中使用v-for对数组循环,再对数组中对象的某一个属性修改值,试图不更新
举个栗子<template><div class="box-wrap"><div class="box-item"v-for="(item,index) in list" @click="edit(index)"> {{item.name}} </div></div></template><scr...
·
举个栗子
<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>
更多推荐
已为社区贡献9条内容
所有评论(0)