Vue.js使用$ route.name隐藏部分组件

Question

当$route.name采用某些值时，我试图隐藏部分组件：

<div v-if="$route.name === 'somename'">
  ...
</div>

问题是$route.name不能立即加载。组件的一部分可能不会立即隐藏。看起来像是在眨眼。 有没有办法检查$route.name是否已加载？ 也许还有另一种方法可以解决此问题？

Answer 1

您可以使用简写语法，进行

<div v-if="$route.name && $route.name === 'somename'"> ... </div>

这意味着即使有一些$ route.name并且它等于“ somename”，您仍将呈现组件。