window.onload = function(){ new Vue({ el:'#my', data:{ lists:[ {name:'張學友1',qq:'23456324',id:1,state:false}, {name:'張學友2',qq:'25155345',id:2,state:false}, {name:'張學友3',qq:'5435525',id:3,state:false}, {name:'張學友4',qq:'5253266',id:4,state:false}, {name:'張學友5',qq:'52436546',id:5,state:false}, {name:'張學友6',qq:'5436745745',id:6,state:false}, {name:'張學友7',qq:'246154',id:7,state:false}, {name:'張學友8',qq:'146464',id:8,state:false}, {name:'張學友9',qq:'4536754',id:9,state:false}, {name:'張學友10',qq:'875464',id:10,state:false}, {name:'張學友11',qq:'353543',id:11,state:false} ], selectorList:[], flag:'show' }, methods:{ addList:function(list){ list.state = true; //當前單擊的狀態 //ID重復 三種方法 for(var i=0;i0) return; //ES6 this.selectorList.push(list); // this.selectorList = [...new Set(this.selectorList)]; }, delList:function(list,index){ this.selectorList.splice(index,1); //index 位置 1個數 this.lists.forEach((v,i)=>{ if(v.id == list.id) { v.state = false; } }) } } })}

html：

總好友 ({{lists.length}})

{{list.name}}({{list.qq}})

已選擇 ({{selectorList.length}})

{{list.name}}({{list.qq}}) 《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的echars vue 添加数据没更新_Vue遍历数据，并添加到右侧数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。