Как сохранять значения во вкладке модального окна, если вкладка изменилась?

Question

[zorro3]

Написал модальное окно и в нем есть несколько вкладок, когда перехожу между ними то изменения которые были сделаны во вкладке не сохраняються. В данных одной из вкладок у меня есть объект котрый я использую для v-model

data() {
            generalInfo: { policyName: "",  enableLink: false }
        }

<v-switch
                        helpText="help text"
                        class="policy-editor-field policy-editor-field-switch"
                        label="Link to Datasources"
                        v-model="generalInfo.enableLink"
                    />

за изминениями которые делаю в объекте generalInfo я слежу и записиваю в vuex, что бы потом в главной вкладке достать данные со всех вкладок и отправить запрос на сохранение данных

watch: {
        generalInfo: {
            handler(val) {
                if (val) {
                    this.setPolicyToEdit(val)
                }
            },
            immediate: true,
            deep: true
        },
    }

Но данные не сохраняются. Помогите пожалуйста, как правильно реализовать эту логику?

Answer 1

[Дмитрий]

В vue есть классная штука при переключении компонентов. Keep-alive. На динамических компонентах работает отлично. Посмотрите в доках, может это то, что вам нужно?

Comments

[zorro3]

спасибо помогло