ページデータを変更するにはMpvue爆弾ボックスは、どのようにローカルデータページを更新するには？

私たちはあなたの状況が発生する可能性があり、VUEの開発プロセスを使用します。もう一度データに割り当てられたときに、VUEのインスタンスを生成し、時には自動的に表示する更新されない場合は、私たちは、ドキュメントVUEを見に行ったとき、インスタンスが作成された後、あなたはインスタンスに新しいプロパティを追加する場合は、ビューの更新をトリガーしません：あなたは非常に多くの言葉があるでしょう。

htmlコード：

<div>
    <span class="price">
        {{ newSkuItem.price }}
    </span>
</div>

JSコード：

data() {
    return {
      goodsInfo: {
        skuItem: {
          price: '0.00'
        }
      }
    }
  },
computed: {
    newSkuItem() {
      return this.goodsInfo.skuItem
    }
  }，
methods: {
    changeGoodsDetail() {
          // 处理数据变化页面未渲染问题
          this.$set(this.goodsInfo.skuItem, 'price', this.selectSkuItem.price)
          this.$forceUpdate()
    }
}

設定$を使用し、したがって、インタフェースの更新をトリガする、データの変更に応じて計算使用して、データの変更をトリガするためにVueの$ forceUpdateを監視します。