Как сделать так, чтобы тег а при одних условия перенаправлял по одной ссылке, а при других — по другой?

Question

[nastya_zholudeva]

Есть конструкция

<a class="btn waves-effect waves-light col s12" @click="getAuth()">Login</a>

, которая является кнопкой авторизации. Метод getAuth() проверяет авторизирован пользователь или нет. Мне нужно, чтобы, если пользователь авторизирован, то при клике на Login пользователя отправляло на одну страницу, а если нет, то на другую. Как это можно сделать?

Answer 1

[Дмитрий Кузнецов]

Через vue-router можно сделать.
Вот неплохой мануальчик: https://router.vuejs.org/ru/advanced/meta.html

Answer 2

[Alibek Issakul]

Если используете vue-router
Можно оправить пользавателя на другой роут через router.push()

if (this.$auth.user_id) {
    this.$router.push('/dashboard')
} else {
    this.$router.push('/login')
}