Vue ルーティングは、ページを更新するか、前のページ データを [オブジェクト オブジェクト] に返すという問題を解決するためにパラメータを渡します。およびその例

Vue ルーティングはパラメーターを渡し、更新ページ データは [オブジェクト オブジェクト] になります

理由:

ページを更新するか、前のページに戻ります。vue はルーティングを通じてパラメータを渡し、ページを更新するか、ページに戻ります。ページが受け入れるデータは [オブジェクト オブジェクト] になります。

例:

まず、「プランの開始」をクリックしてパラメータをルーティングして「プランの詳細」ページにジャンプします。
ここに画像の説明を挿入

this.$router.push({
    
     name: "plan", query: {
    
     info: item } });

その後、指定されたページに到達すると、データが正常であることがわかりました。

ここに画像の説明を挿入

次に、[更新] をクリックするか、次のページから戻ってデータがないことを確認し、印刷することでデータが [オブジェクト オブジェクト] になったことを確認します
ここに画像の説明を挿入
ここに画像の説明を挿入

渡す前に、渡されたパラメータをJSON形式に変換し、受け入れられたページでJSON.parse()を渡すことで問題を解決します

おすすめ

転載: blog.csdn.net/m1009113872/article/details/115425947