Vueページのリフレッシュ時にルーティング異常ジャンプはどのように解決しますか?vueピットを踏む道


Vueページが更新され、ルートが異常にジャンプする--Vueが穴を踏む道
  • 問題説明:
  • 原因分析:
  • ソリューション:
  • 問題の説明:
    今日プロジェクトをしているとき、プロジェクトのどのページをリフレッシュしても、名前が「startS_right’のルーティングでは、ページが正常にリフレッシュされません.
    原因分析:
    そこでルーティングをチェックしてみると、エラー部分のルーティング部分コードは以下の通りです.
    {
         
      path: "/:choice/:canshu", 
      component:start,
      name:'start',
      children: [
        {
         			
        path: ":buzhou",    //   ,    ,      “:buzhou”,     "XXX/:buzhou"
        component:start_right,
        name:'startS_right',
       },
        {
         
        path: "question", 
        component:question,
        name:'question',
       },
      ],
     },
    

    これはネストされたルーティングで、パラメータを持たないサブルーティングquestionのpathは直接path:“question”と書くことができますが、もう一つのサブルーティングstart_rightにはパラメータがあり、path:「:buzhou」と直接書くことはできません.path:「a 1/:buzhou」のような非パラメータ部分を前に付ける必要があります.
    ソリューション:
    path:「:buzhou」をpath:「XXX/:buzhou」に変更すればよい.
    {
         
      path: "/:choice/:canshu", 
      component:start,
      name:'start',
      children: [
        {
         			
        path: "a1/:buzhou",   //   
        component:start_right,
        name:'startS_right',
       },
        {
         
        path: "question", 
        component:question,
        name:'question',
       },
      ],
     },