Как сделать редирект в Vue.js?
Как сделать редирект в Vue.js?
2 ответа
от
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> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
vladimir ,
2 года назад
@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 } }); |
15