總結(jié):
1.數(shù)組更改值或者增加刪除值,不會(huì)觸發(fā)更新。
2.對(duì)象更改值可觸發(fā)更新,增加或者刪除屬性不會(huì)觸發(fā)更新。
3.對(duì)象數(shù)組:數(shù)組中的對(duì)象更改值會(huì)觸發(fā)更新。
一、純數(shù)組-------showArr:[true,true]
數(shù)組中元素直接賦值,---不觸發(fā)刷新
this.showArr[0]=!this.showArr[0];
數(shù)組修改后整體賦值,---不觸發(fā)刷新
var parr=this.showArr; parr[0]=!parr[0]; this.showArr=parr;
數(shù)組重新復(fù)制出一份新的,修改后整體賦值,---可觸發(fā)刷新
var parr=this.showArr.slice(0); parr[0]=!parr[0]; this.showArr=parr;
用$set賦值,---可觸發(fā)刷新
this.$set(this.showArr,0,!this.showArr[0])
二、純對(duì)象-------showArr:{'showBool':true}
對(duì)象中元素直接賦值,---可觸發(fā)刷新
this.showArr['showBool']=!this.showArr['showBool'];
對(duì)象修改后整體賦值,---可觸發(fā)刷新
var parr=this.showArr; parr['showBool']=!parr['showBool']; this.showArr=parr;
用$set賦值,---可觸發(fā)刷新
this.$set(this.showArr,'showBool',!this.showArr['showBool']);
三、 對(duì)象數(shù)組-------showArr:[{'showBool':true},{'showBool':true}]
數(shù)組中元素直接賦值,---可觸發(fā)刷新
this.showArr[0]['showBool']=!this.showArr[0]['showBool'];
數(shù)組修改后整體賦值,---可觸發(fā)刷新
var parr=this.showArr; parr[0]['showBool']=!parr[0]['showBool']; this.showArr=parr;
數(shù)組重新復(fù)制出一份新的,修改后整體賦值,---可觸發(fā)刷新
var parr=this.showArr.slice(0); parr[0]['showBool']=!parr[0]['showBool']; this.showArr=parr;
用$set賦值,---可觸發(fā)刷新
this.$set(this.showArr[0],'showBool',!this.showArr[0]['showBool']);
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com