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

 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>

1

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

1

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

1

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