Я хотел бы сделать перенаправление Vue.js
аналогично ванильному javascript
window.location.href = 'some_url'
Как я мог добиться этого в Vue.js?
vue.js
url-routing
vuejs2
vue-router
Джимми Обоньо Абор
источник
источник
Ответы:
Если вы используете
vue-router
, вы должны использовать егоrouter.go(path)
для перехода к любому конкретному маршруту. Доступ к маршрутизатору можно получить из компонента с помощьюthis.$router
.В противном случае
window.location.href = 'some url';
отлично работает для не одностраничных приложений.РЕДАКТИРОВАТЬ :
router.go()
изменено в VueJS 2.0. Вы можете использоватьrouter.push({ name: "yourroutename"})
или прямоrouter.push("yourroutename")
сейчас перенаправить.https://router.vuejs.org/guide/essentials/named-routes.html
источник
Uncaught ReferenceError: router is not defined
ошибка, как вставить маршрутизатор в компонент?this.$router.push('routename)
Согласно документам, router.push кажется предпочтительным методом:
источник: https://router.vuejs.org/en/essentials/navigation.html
К вашему сведению: Webpack и настройка компонентов, одностраничное приложение (где вы импортируете маршрутизатор через Main.js), мне пришлось вызывать функции маршрутизатора, говоря:
Пример: если вы хотите перенаправить на маршрут под названием «Дом» после выполнения условия:
источник
просто используйте:
Не используйте vue-router, иначе вы будете перенаправлены на " http://yoursite.com/#!/http://siwei.me "
моя среда: узел 6.2.1, vue 1.0.21, Ubuntu.
источник
Находясь внутри тега сценария компонента, вы можете использовать маршрутизатор и сделать что-то вроде этого
источник
Просто мертвая простая маршрутизация:
источник
тоже можете попробовать ...
источник
если вы хотите перейти на другую страницу
this.$router.push({path: '/pagename'})
если вы хотите маршрутизировать с параметрами
this.$router.push({path: '/pagename', param: {param1: 'value1', param2: value2})
источник
url - это веб-адрес, который вы хотите перенаправить.
источник
Вы также можете использовать v-bind непосредственно в шаблоне, например ...
:
это аббревиатураv-bind
.источник
`/path-to-route/${IdVariable}`
" Или названный маршрут, как здесь указано ( router.vuejs.org/guide/essentials/ named-routes.html )::href="{ name: 'NamedRouteDeclaredAtRouter' , params: { id: idValue } }"
Если кому-то
/a
нужно постоянное перенаправление с одной страницы на другую/b
Мы можем использовать
redirect:
опцию, добавленную вrouter.js
. Например, если мы хотим перенаправлять пользователей всегда на отдельную страницу, когда он вводит корневой или базовый URL/
:источник
источник
Итак, я искал только то, где поставить
window.location.href
и я пришел к выводу, что лучший и самый быстрый способ перенаправления - это маршруты (таким образом, мы не ждем загрузки чего-либо перед перенаправлением).Как это:
Может кому поможет ..
источник
Чтобы соответствовать вашему первоначальному запросу:
Вы можете сделать что-то вроде этого:
Обратите внимание, что это не использует преимущества использования маршрутизатора Vue, но если вы хотите «сделать перенаправление в Vue.js, похожее на ванильный javascript», это сработает.
источник