So gehen Sie damit um, dass die Routing-Seite beim Erstellen des Vue-Routers nicht angezeigt wird

Dieses Mal zeige ich Ihnen, wie Sie damit umgehen, dass die Seite Routing nicht angezeigt wird, wenn ein Vue-Router erstellt wird. Welche Vorsichtsmaßnahmen sind zu beachten? Gebäude und die Routing-Seite wird nicht angezeigt? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Erstellen Sie ein Webpack-Projekt mit Vue CLI

Fügen Sie einen Vue-Router hinzu und verwenden Sie Routing, um eine neue Komponente einzuführen. Zu diesem Zeitpunkt sind das Routing und die Links wie folgt geschrieben

const router = new VueRouter({
 mode: 'history',
 base: dirname,
 routes: [
 {
  path: '/first',
  component: firstCom
 }
 ]
})

<a href="/first" rel="external nofollow" >Try this!</a>

1 Es gibt kein Problem mit npm run dev

2 🎜>3. Starten Sie einen Dienst (zum Beispiel:

-m SimpleHTTPServer) und sehen Sie sich dann die Seite index.html an und stellen Sie fest, dass die Route die Seite /first anfordert. 4. Lösung: Ändern Sie den Verlauf in der Routing-Konfiguration in Hash und ändern Sie /first im Link in /#/first. Problem gelöst.

============Aktualisiert am 24.08.2017=============== Nachdem ich nach einigen Informationen gesucht hatte, stellte ich fest, dass es tatsächlich möglich ist, den Verlauf für den Router-Modus zu verwenden. Das Problem trat auf, als ich den Sprung machte. Ich habe es als selbstverständlich angesehen, dass ich window.location.href="" verwendet habe, aber eigentlich sollte ich router.push verwenden. Das handleSelect im Code ist auf die Verwendung einer Nachrichtenverarbeitungsmethode zurückzuführen, die im Element ui erscheint. Es versteht sich, dass diese Methode ausgelöst wird, wenn auf die Schaltfläche geklickt wird. Wenn die Taste der Schaltfläche 2 ist, springen Sie zur ersten, und wenn die Taste 3 ist, springen Sie zur zweiten.

<script>
 export default {
 data () {
  return {
  }
 },
 methods: {
  handleSelect(key, keyPath) {
  if (key == 2){
   this.$router.push('first');
  } else if (key == 3){
   this.$router.push('second');
  }
  }
 }
 }
</script>

Empfohlene Lektüre:

Das obige ist der detaillierte Inhalt vonSo gehen Sie damit um, dass die Routing-Seite beim Erstellen des Vue-Routers nicht angezeigt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!