Was soll ich tun, wenn das sekundäre Vue-Routing einen Fehler meldet?

Vue sekundäre Routing-Fehlerlösung: 1. Überprüfen und löschen Sie den Schrägstrich vor dem sekundären Routing-Pfad. 2. Überprüfen Sie, ob der Pfad einen Schrägstrich enthält. 3. Tun Sie dies nicht Verwenden Sie die Umleitung und setzen Sie den standardmäßig angezeigten Unterroutenpfad auf leer.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue Version 3, Dell G3-Computer.

Was soll ich tun, wenn das sekundäre Vue-Routing einen Fehler meldet?

• Einer der Gründe für den erfolglosen Sprung der Sekundärroute in Vue

Wenn die Sekundärroute einen bestimmten Pfad hat, gibt es keinen Schrägstrich davor /

• Vue-Sekundärroute schon Der Seitenfehler wird nicht angezeigt

Wenn der übergeordnete Routenpfad / ist, kann die Umleitung direkt mit Seite2 übereinstimmen

  {
    path: '/',
    component: () => import('../view/analyse/analyse.vue'),
    redirect: '/page2', //这里前面加不加/都行
    children: [
      {
        path: 'page1',//这里前面加不加/都行
        component: () => import('../view/analyse/page/page1')
      },
      {
        path: 'page2',//这里前面加不加/都无所用
        component: () => import('../view/analyse/page/page2')
      },
    ]
  }

Wenn die übergeordnete Route einen Pfad hat, muss der Umleitung die übergeordnete Route vorangestellt sein, andernfalls wird sie zu einer / Unterpfad und Unterroute müssen standardmäßig mit / übereinstimmen. Übergeordneter Pfad/Untergeordneter Pfad.

  {
    path: '/analyse',
    component: () => import('../view/analyse/analyse.vue'),
    redirect: '/analyse/page2',//这里前面加不加/都行，必须父路由/子路由
    children: [
      {
       重点：：：：：：：：
       //这里前面不能加 /不然就会匹配成/page1
        path: 'page1',   实际他等同于 /analyse/page1
       //这里前面不能加 /不然就会匹配成/page1
        component: () => import('../view/analyse/page/page1')
      },
      {
        path: 'page2',   //这里前面不能加 /
        component: () => import('../view/analyse/page/page2')
      },
      {
        path: 'page3',   //这里前面不能加 /
        component: () => import('../view/analyse/page/page3')
      }
    ]
  }

Wenn Sie keine Umleitung verwenden, ist der standardmäßig angezeigte Pfad der Unterroute leer Seite benötigt ein Platzhalter-Tag, um den Inhalt der Unterroute anzuzeigen

{
    path: '/', 或者 path: '/analyse',
    component: () => import('../view/analyse/analyse.vue'),
    children: [
      {
        path: '' , path为空就可以了
        component: () => import('../view/analyse/page/page1')
      },
      {
        path: 'page2',
        component: () => import('../view/analyse/page/page2')
      },
    ]
  }

Empfohlenes Lernen: „

vue.js Video-Tutorial

》

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn das sekundäre Vue-Routing einen Fehler meldet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!