vueでのデータ更新ビューの変更

794 ワード

Vue.set( target, key, value )
  • パラメータ:
  • {Object | Array} target
  • {string | number} key
  • {any} value

  • 戻り値:設定された値.
  • の使用方法:応答オブジェクトに属性を追加し、この新しい属性が同じ応答であることを確認し、ビューの更新をトリガーします.これは、Vueが通常の新規属性(例えばthis.myObject.newProperty = 'hi')を検出できないため、応答オブジェクトに新しい属性を追加するために使用する必要があります.オブジェクトがVueインスタンスまたはVueインスタンスのルートデータオブジェクトではないことに注意します.

  • プロジェクトで最も多く出会ったのは
    配列オブジェクトで属性値ビューの更新を変更する
    普通私はこのように操作しています.
    _this.$set(_this.commentData[index],'likeNum',_this.commentData[index].likeNum-1);
    でも時々_this.$set(_this.commentData[index],'likeNum',_this.commentData[index].likeNum-1); これも問題を解決できない
    では、次のコードを使用する必要があります.
      _this.$forceUpdate();