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

Question

当 $route.name 取一些值时，我试图隐藏部分组件：

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

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

Answer 1

您可以使用 shorthand 语法，做

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

这意味着如果有一些 $route.name 并且它等于 'somename'

，您将渲染您的组件

Vue.js using a $route.name to hide part of component