奥まったものを取り除くのに苦労する

Question

私の Vue コンポーネントは、オブジェクト内のオブジェクトを使用して要素を表示します。ページ上のボタンをクリックすると、ネストされたオブジェクトの 1 つを削除したいと考えています。要素を削除した直後に console.log(this.query_filters.target_filters[id]) を実行すると、オブジェクトが削除されたことが表示されます (最初のスクリーンショットを参照)。ただし、Vue タブにはまだ要素が表示されており、UI は要素が削除されたことを示すように更新されません (2 番目のスクリーンショットを参照)。

次のようにネストされたオブジェクトを削除します。 this.query_filters.target_filters[id] を削除します;

オブジェクトを他の場所にリセット/追加しません (これは、特定のボタンをクリックしたときに 1 回だけ発生します)。

Answer 1

答えを見つけました:

Vue.delete(this.query_filters.target_filters, id);

(ソース: Vue.js 2: データ オブジェクトからプロパティを削除する )