调用方法：Vue.set( target, key, value )
target：要更改的数据源(可以是对象或者数组)
key：要更改的具体数据
value ：重新赋的值
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 < charset="UTF-8"> 5 < ></ > 6 </head> 7 <body> 8 <div id="app"> 10 <p v-for="(item,index)in list" :key="item.id" @click="btnClick(index,item.id)"> 11 {{item.message}} 12 </p> 15 </div> 16 17 < src="../../dist/vue.min.js"></ > 18 < > 19 var vm2=new Vue({ 20 el:"#app", 21 data:{ 22 list:[ 23 {message:"星星",id:"1"}, 24 {message:"太阳",id:"2"}, 25 {message:"月亮",id:"3"} 26 ] 27 }, 28 methods:{ 29 btnClick(index,id){ 30 this.$set(this.list,index,{message:"小猫",id:id}); 31 } 32 } 33 }); 34 </ > 35 </body> 36 </html>
继续阅读与本文标签相同的文章
下一篇 :
阿里巴巴脱贫基金年报：脱贫攻坚中的工程师力量
-
请求支援！我被“非结构化数据包围了” | 开发者必读（060期）
2026-05-18栏目： 教程
-
研发效能提升 36 计第一课：互联网时代研发效能的挑战和应对之道
2026-05-18栏目： 教程
-
Service Mesh 发展趋势：云原生中流砥柱
2026-05-18栏目： 教程
-
深入理解 Java 中 SPI 机制
2026-05-18栏目： 教程
-
阿里云“网红"运维工程师白金：做一个平凡的圆梦人
2026-05-18栏目： 教程