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'