Vueページのリフレッシュ時にルーティング異常ジャンプはどのように解決しますか?vueピットを踏む道
4148 ワード
Vueページが更新され、ルートが異常にジャンプする--Vueが穴を踏む道問題説明: 原因分析: ソリューション: 問題の説明:
今日プロジェクトをしているとき、プロジェクトのどのページをリフレッシュしても、名前が「startS_right’のルーティングでは、ページが正常にリフレッシュされません.
原因分析:
そこでルーティングをチェックしてみると、エラー部分のルーティング部分コードは以下の通りです.
これはネストされたルーティングで、パラメータを持たないサブルーティングquestionのpathは直接path:“question”と書くことができますが、もう一つのサブルーティングstart_rightにはパラメータがあり、path:「:buzhou」と直接書くことはできません.path:「a 1/:buzhou」のような非パラメータ部分を前に付ける必要があります.
ソリューション:
path:「:buzhou」をpath:「XXX/:buzhou」に変更すればよい.
今日プロジェクトをしているとき、プロジェクトのどのページをリフレッシュしても、名前が「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',
},
],
},