調用方法:Vue.set( target, key, value )
target:要更改的數據源(可以是對象或者數組)
key:要更改的具體數據
value :重新賦的值
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body><div id="app"> <p v-for="(item,index)in list" :key="item.id" @click="btnClick(index,item.id)"> {{item.message}} </p></div><script src="../../dist/vue.min.js"></script><script> var vm2=new Vue({ el:"#app", data:{ list:[ {message:"星星",id:"1"}, {message:"太陽",id:"2"}, {message:"月亮",id:"3"} ] }, methods:{ btnClick(index,id){ this.$set(this.list,index,{message:"小貓",id:id}); } } });</script></body></html>以上就是本次給大家介紹的相關vue循環列表動態數據的處理方法的全部內容,感謝大家對錯新站長站的支持。
新聞熱點
疑難解答
圖片精選