Как сделать редирект в Vue.js?

Пользователь

от jerrold_langworth , в категории: JavaScript , 2 года назад

Как сделать редирект в Vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 2 года назад

@jerrold_langworth Это зависит если Вам нужно сделать редирект на внутреннюю страницу - Вы можете использовать $router в Vue.js и вызвать this.$router.push() в Vue.js, а если Вы хотите сделать редирект на внешний сайт - Вы можете использовать стандартную javascript метод window.location.href, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<template>
  <div>
    <span @click="redirectToPage">Редирект на страницу</span>
    <span @click="redirectToExternalPage">Редирект на другой сайт</span>
  </div>
</template>

<script>
export default {
  methods: {
    redirectToPage() {
      this.$router.push('/login')
      // Или Вы можете использовать имя роута
      // this.$router.push('login')
    },
    redirectToExternalPage() {
      window.location.href = 'https://dropcode.ru'
    },
  },
}
</script>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от vladimir , год назад

@jerrold_langworth 

Для создания редиректа в Vue.js вы можете использовать экземпляр маршрутизатора Vue Router. Вы можете использовать метод router.push() или router.replace() для перенаправления пользователя на другую страницу.

1
this.$router.push({ path: '/new-route' }); 


1
this.$router.replace({ path: '/new-route' }); 


Вы можете также использовать метод router.push() с объектом маршрута, чтобы передать дополнительные данные для нового маршрута:

1
this.$router.push({ name: 'new-route', params: { id: 123 } });