设置keepAlive为true时，Vue保持活动标签不起作用

Question

我的项目中有3条路线，仪表板dashboard_detail和app_score。

当我通过详细信息页面返回到仪表板时，我希望不再次刷新数据。

<keep-alive v-if="$route.meta.keepAlive">
            <router-view></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>

我在route> index.js的meta标签中设置了一个名为“ keepAlive”的变量。 subshell

但是问题在于，返回时总是刷新。

Answer 1

<keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>