javascript - vue2.0 のレンダリング リスト li のコントロールを通じて属性を追加する動的 v-bind:class は、すぐには有効になりません

Question

コード例:
最初のステップ: サーバーからデータ オブジェクト配列を取得します: [obj, obj, obj],
2 番目のステップ: 各サブオブジェクトにブラウザ オブジェクト obj を追加します:

リーリー

ステップ 3: この属性を HTML 構造にバインドして動的クラスを制御します

リーリー

結果: myobj 属性はクリックされるたびに true に変更されますが、動的クラスは ul が更新されるまで有効になりません (更新されると、ul データは再取得されません)。

Answer 1

リーリー

Answer 2

正解は二階です。属性は動的に追加されるため、変更を追跡するには、vue が提供する set メソッドを使用して属性を ES5 アクセサー属性にする必要があります。