在导航上刷新Vue组件

Question

我有两个版本的导航栏。

版本1具有白色文本颜色。 版本2具有黑色文本颜色。

这两个版本是必需的，因为在某些页面上背景颜色变为白色。...所以我需要使用黑色的版本。

两个导航栏都是它们自己的组件。但是他们共享很多CSS。

当我从一页导航到下一页时，导航栏的文本颜色没有改变。如果刷新页面，则会出现预期的颜色。

在我看来，该组件已被缓存。无论如何，是否有迫使零件始终重新绘制的要求？

Answer 1

尝试将此:key="$route.fullPath"添加到您的<router-view></router-view>

像这样：

<router-view :key="$route.fullPath"></router-view>

在您的<router-view>中添加密钥，如果页面具有不同的url但使用相同的组件，则会重新加载页面。