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

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

от jerrold_langworth , в категории: JavaScript , 3 месяца назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от dmitrypro77 , 3 месяца назад

@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>


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