时间戳

首页 > 解决方案 > Vue 道具在 $router.go(-1) 上变为空

javascript - Vue 道具在 $router.go(-1) 上变为空

问题描述

我正在尝试像这样在第二页上返回。这是第 3 页

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

这是我的 App.vue

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

这是我的第二页道具。

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

现在第二页有道具。现在，当我从第 3 页返回时，前一个组件中的道具设置为 null。有没有办法在路由返回时将其设置为 null 来处理此道具。

标签： javascriptvue.jsvuejs2

解决方案

Props 仅适用于父级到子级，如果您通过非父级导航回具有道具的组件，则道具将始终为空，在这种情况下，您可以使用 localStorage 或尝试使用https://vuejs.org/v2/api/ ＃活着

推荐阅读