Vue.js Umleitung zu einer anderen Seite

Laut den Dokumenten scheint router.Push die bevorzugte Methode zu sein: 

Um zu einer anderen URL zu navigieren, verwenden Sie router.Push. Diese Methode drückt eine Neuer Eintrag in den Verlaufsstapel, wenn der Benutzer auf den Browser klickt. Zurück-Taste werden sie zur vorherigen URL gebracht.

quelle: https://router.vuejs.org/de/essentials/navigation.html

Zu Ihrer Information: Webpack & Komponenten-Setup, Single-Page-App (wo Sie den Router über Main.js importieren). Ich musste die Router-Funktionen aufrufen, indem Sie sagten:

this.$router

Beispiel: Wenn Sie eine Route namens "Home" umleiten möchten, nachdem eine Bedingung erfüllt ist:

this.$router.Push('Home') 

benutz einfach: 

window.location.href = "http://siwei.me"

Verwenden Sie keinen vue-router, andernfalls werden Sie zu .__ weitergeleitet. " http://yoursite.com/#!/http://siwei.me "

meine Umgebung: Knoten 6.2.1, Version 1.0.21, Ubuntu.

Innerhalb eines Komponentenskript-Tags können Sie den Router verwenden und so etwas tun

this.$router.Push('/url-path')

window.location = url;

"URL" ist die Web-URL, die Sie umleiten möchten.

kann das auch versuchen ... 

router.Push({ name: 'myRoute' })

nehmen wir an, wir aktualisieren den Status der Bestellungen, klicken auf Bearbeiten und aktualisieren den Status. Jetzt möchten wir zur vorherigen Seite zurückkehren, von der wir gekommen sind. 

this.$router.Push('../index')

hier bedeutet der Teil ../index, dass Sie zweimal von der aktuellen Route zurückkehren und dann index der Name der Ansicht ist, zu der Sie gehen möchten.

im Allgemeinen seine this.$router.Push('your_path')

Nur ein einfaches einfaches Routing:  

this.$router.Push('Home');

Sie können auch die V-Bindung direkt an die Vorlage wie ...

<a :href="'/path-to-route/' + IdVariable">

der : ist die Abkürzung für v-bind.

Wenn jemand eine dauerhafte Weiterleitung von einer Seite /a zu einer anderen Seite /b wünscht

Wir können die Option redirect: verwenden, die in der Option router.js hinzugefügt wurde. Wenn wir zum Beispiel die Benutzer immer auf eine separate Seite umleiten möchten, wenn er die Root- oder Basis-URL / eingibt:

const router = new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      redirect: "/someOtherPage",
      name: "home",
      component: Home,
      // () =>
      // import(/* webpackChunkName: "home" */ "./views/pageView/home.vue"),

    },
   ]

<div id="app">
   <a :href="path" />Link</a>
</div>

<script>
      new Vue({
        el: '#app',
        data: {
          path: 'https://www.google.com/'
        }
      });
</script> enter code here

wenn Sie zu einer anderen Seite weiterleiten möchten this.$router.Push({path: '/pagename'})

wenn du mit params routen willst this.$router.Push({path: '/pagename', param: {param1: 'value1', param2: value2})

Sie können auch mit parent.location.href = 'url' arbeiten

Navigiere zwischen Vue-Routen routes

Bevorzugte Methode ist router.Push(location, onComplete?, onAbort?)

Weil:

Um zu einer anderen URL zu navigieren, verwenden Sie router.Push. Diese Methode drückt eine Neuer Eintrag in den Verlaufsstapel, wenn der Benutzer auf den Browser klickt. Zurück-Taste werden sie zur vorherigen URL gebracht.

Lesen Sie die Dokumentation HIER .

Zu externer URL navigieren

Sie verwenden keinen Vue-Router für externes Routing, er übernimmt nur das Routing innerhalb Ihrer App. Verwenden Sie dazu Vanilla Js.

window.location = 'http://www.example.com';

oder

location.replace('http://example.com');

oder

window.open('http://example.com');