Mon composant Vue utilise un objet à l'intérieur d'un objet pour afficher des éléments. Lorsque je clique sur un bouton de la page, je souhaite supprimer l'un des objets imbriqués. Il semble être supprimé, lorsque je fais console.log(this.query_filters.target_filters[id]) juste après la suppression de l'élément, cela montre que l'objet a été supprimé (voir première capture d'écran). Cependant, l'onglet Vue affiche toujours l'élément et mon interface utilisateur ne se met pas à jour pour indiquer qu'il a été supprimé (voir deuxième capture d'écran).
Je supprime les objets imbriqués comme ceci :
删除 this.query_filters.target_filters[id];
Je ne réinitialise/ajoute l'objet nulle part ailleurs (cela ne se produit qu'une seule fois lorsque l'on clique sur un certain bouton).
J'ai trouvé la réponse :
Vue.delete(this.query_filters.target_filters, id);
(Source : Vue.js 2 : Supprimer les propriétés de l'objet de données)