私の Vue コンポーネントは、オブジェクト内のオブジェクトを使用して要素を表示します。ページ上のボタンをクリックすると、ネストされたオブジェクトの 1 つを削除したいと考えています。要素を削除した直後に console.log(this.query_filters.target_filters[id]) を実行すると、オブジェクトが削除されたことが表示されます (最初のスクリーンショットを参照)。ただし、Vue タブにはまだ要素が表示されており、UI は要素が削除されたことを示すように更新されません (2 番目のスクリーンショットを参照)。
次のようにネストされたオブジェクトを削除します。
this.query_filters.target_filters[id] を削除します;
オブジェクトを他の場所にリセット/追加しません (これは、特定のボタンをクリックしたときに 1 回だけ発生します)。
P粉1229324662024-04-04 18:29:10
答えを見つけました:
Vue.delete(this.query_filters.target_filters, id);
(ソース: Vue.js 2: データ オブジェクトからプロパティを削除する )