Vue реквизиты обнуляются на $ router. go (- 1)

Question

Я пытаюсь перенаправить обратно на 2-й странице, как это. Это 3-я страница

 <v-btn text small @click="$router.go(-1)">
   <v-icon>fas fa-arrow-left</v-icon>
 </v-btn>

Это мое приложение. vue

<keep-alive :max="40">
  <router-view :key="$route.fullPath"></router-view>
</keep-alive>

Это мои 2-е страницы реквизиты.

props: {
    abc: {
      type: String,
      default() {
        return null;
      }
    },
    xyz: {
      type: Array,
      default() {
        return null;
      }
    }
  },

Теперь 2-е На странице есть реквизиты. Теперь, когда я возвращаюсь с 3-й страницы, реквизиты предыдущего компонента устанавливаются в ноль. Есть ли способ обработать этот реквизит, установив его в null при маршрутизации назад.

Answer 1

Пропорции работают только от родителя к потомку, если вы переходите обратно к тому компоненту, у которого пропы через не родителя, то реквизиты всегда будут нулевыми, в этом сценарии вы можете использовать localStorage или попробовать использовать https://vuejs.org/v2/api/#keep -alive

Answer 2

Вы должны использовать keep-alive, чтобы решить эту проблему, вместо этого мы используем vuex для передачи данных в маршрут, потому что когда вы возвращаетесь, у вашего маршрута нет пропущенных проппсов, потому что он получил его от другого компонента нашего route,

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