Компонент Vue не обновляется / перезаписывается

#vue.js

#vue.js

Вопрос:

В моих данных компонента vue я получил объект routine с другими вложенными объектами.

У меня есть этот метод:

 methods: {
    async loadFullRoutine() {
        const routine = await this.$store.dispatch('loadPresetsForRoutine', this.routine);
        console.log(this.routine);
        // routine.name = routine.name   '!';
    }
},
  

В loadPresetsForRoutine действии в моем хранилище vuex изменяется вложенный объект routine объекта, но изменения не отображаются. Когда я смотрю на console.log , я вижу, что routine объект обновляется должным образом.
Когда я это делаю routine.name = routine.name '!'; , компонент повторно отображается с обновленными данными из loadPresetsForRoutine .

Есть идеи?

Комментарии:

1. это может показаться небольшим взломом, но вы можете попробовать принудительно выполнить обновление после отправки процедуры. this.$nextTick(()=>{ this.$forceUpdate(); })

2. Не могли бы вы показать немного больше вашего компонента? Недостаточно информации для устранения проблемы.