v-if и v-else для ссылок Вход, Регистрация и Выход.
Вход и регистрация всегда видны, если пользователь не авторизован, а если авторизован, то он видит только кнопку Выход.
Проверяется все через this.$auth.loggedIn соответственно.
Выглядит так:
<span v-if="loggedIn"><nuxt-link class="btn btn-outline-light mr-2" to="/signout">Выход</nuxt-link></span>
<span v-else>
<nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
<nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>
И все нормально работает, но при обновлении страницы эти кнопки промелькивают на долю секунды и даже если очень ухитриться, то можно успеть нажать по кнопке, которая должна быть скрыта.
Подскажите, так и должно быть или я что-то делаю неправильно значит?
оберни их в <client-only>
все равно проскальзывает, только теперь очень быстро, что невозможно понять что там. Но так явно лучше.
а хотя нет, не проскальзывает. Просто очень быстрая смена элементов и так кажется.
Обсуждают сегодня