Vuetify. v-tabs. Как сделать автосохранение при переключении табов?

Question

[foo bar]

В компоненте card-form форма для редактирования данных. Не хочу там создавать кнопку "Сохранить". Как вызывать функцию сохранения в компоненте при переключении вкладок? А также при переходе не другую страницу?

<template>
  <v-card>
    <v-tabs v-model="tab">
      <v-tab v-for="item in cards" :key="item.title">
        {{ item.title }}
      </v-tab>
    </v-tabs>

    <v-tabs-items v-model="tab">
      <v-tab-item v-for="item in cards" :key="item.title">
        <v-card flat>
          <v-card-text> <card-form :id="item.id" /></v-card-text>
        </v-card>
      </v-tab-item>
    </v-tabs-items>
  </v-card>
</template>

<script>
import { mapState, mapActions } from "vuex";
export default {
  computed: {
    ...mapState("directory", ["cards"]),
  },
  data() {
    return {
      tab: null,
    };
  },
  created() {
    this.fetchCards();
  },
  methods: {
    ...mapActions("directory", ["fetchCards"]),
  },
};
</script>

Answer 1

[Олег Кириллов]

В watch следить за значением активного таба и обрабатывать соответствующе его изменение. При переходе на другую страницу можно следить за $route.path и, опять же, обрабатывать (но тут нужно проверять, есть сомнения), вариант второй - использовать хуки, например, beforeRouteLeave.