vue this.$forceUpdate()ページ更新問題の処理(v-forループ値更新など)

2123 ワード

問題の説明:
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(); //    ,             
  }
}