vue this.$forceUpdate()ページ更新問題の処理(v-forループ値更新など)
2123 ワード
問題の説明:
Vueフレームワークを使用して開発する時、関数の中でページの中のある値を変更して、関数の中で修正に成功したことを見て、しかしページの中で直ちに変更した後の値をリフレッシュしていません;
解決:
this.$を使うforceUpdate()強制リフレッシュ(データ階層が多すぎてrender関数が自動的に更新されないため、手動で強制リフレッシュする必要があります).
コードケース
Vueフレームワークを使用して開発する時、関数の中でページの中のある値を変更して、関数の中で修正に成功したことを見て、しかしページの中で直ちに変更した後の値をリフレッシュしていません;
解決:
this.$を使うforceUpdate()強制リフレッシュ(データ階層が多すぎてrender関数が自動的に更新されないため、手動で強制リフレッシュする必要があります).
コードケース
methods: {
selectInsurance(){ //
for(var i=0; i<this.dataArr.length; i++){
var flag = false; //
var itemI = this.dataArr[i];
for(var j=0; j<this.form.carInsuranceVOList.length; j++){ //
var itemJ = this.form.carInsuranceVOList[j];
if(itemI.code == itemJ.insuranceName){
flag = true;
break;
}
}
if(flag){
itemI.disabled = true;
}else{
itemI.disabled = false;
}
}
this.$forceUpdate(); // ,
}
}