TA貢獻(xiàn)2080條經(jīng)驗(yàn) 獲得超4個(gè)贊
文檔中提到了這幾點(diǎn)：由于JavaScript的限制，Vue不能檢測(cè)以下變動(dòng)的數(shù)組：當(dāng)你利用索引直接設(shè)置一個(gè)項(xiàng)時(shí)，例如：vm.items[indexOfItem]=newValue當(dāng)你修改數(shù)組的長(zhǎng)度時(shí)，例如：vm.items.length=newLength其中你的疑問是第一點(diǎn)吧？文檔的意思是比如現(xiàn)在有一個(gè)數(shù)組arr，內(nèi)容是[1,2,3]，然后你想要加多一項(xiàng)，然后arr[3]=4，這個(gè)時(shí)候Vue是檢測(cè)不到的，而且arr[0]=666也不行。數(shù)組內(nèi)的對(duì)象的內(nèi)容只要一開始添加了，就可以直接arr[index].key=val這樣改，如果是一開始沒有添加，那就要用$set添加。至于你說的可以監(jiān)聽到，可以發(fā)一個(gè)demo看一下
TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊
vue是沒有監(jiān)聽下標(biāo)賦值的操作也無法監(jiān)聽下面這種是無法監(jiān)聽的vararr=["a","b"];arr[1]="bbbb";vue只監(jiān)聽了'push','pop','shift','unshift','splice','sort','reverse'等直接改變?cè)瓟?shù)組的方法而$set，內(nèi)部還是splice方法functionset(target,key,val){if(Array.isArray(target)&&typeofkey==='number'){target.length=Math.max(target.length,key);target.splice(key,1,val);returnval}//其他操作...}但是如果你的結(jié)構(gòu)下面：vararr=["a",{text:"b"}];arr[1].text="bbbbb";因?yàn)閷?duì)數(shù)據(jù)進(jìn)行了遞歸對(duì)象的賦值是可以直接監(jiān)聽到的但是下面又不行了vararr=["a",{text:"b"}];arr[1]={text:"bbbbb"};總結(jié)來說不要數(shù)組下標(biāo)直接賦值vararr=["a",{text:"b"}];this.arr[1]={text:"bbbbb"};//除了這種以下都可以this.arr[1].text="bbbbb";//利用對(duì)象的監(jiān)聽this.arr=["a",{text:"bbbbb"}];//同上this.arr.splice(1,1,{text:"bbbbb"});//數(shù)組的監(jiān)聽this.$set(this.arr,1,{text:"bbbbb"});//同上
舉報(bào)