Homepage.vue から clickthru.vue にデータを渡したいと考えています。

テーブル内のレコードをクリックします (Homepage.vue 内) 新しいコンポーネント (clickthru.vue) にルーティングしたいと考えています。 目標は、2 種類のデータを 2 つの異なる方法で渡すことです。

最初に: このように cve_id を Route.query として渡したいと思います

/clickthru?cve_id=CVE-xxxx-xxxx

2 番目: また、clickthru.vue の HTML テンプレートにレンダリング/インストールするパラメータとしてオブジェクトを渡したいと考えています。このオブジェクトを見る起来像は次のとおりです：

{ "cve": "CVE-2022-45869"、"重大度": "中"、"パッケージ": [ { " ;パッケージ": "カーネル"、"バージョン": "5.15.80.1"、"所有者": "joslobo"、"検出日": "12-03-2022"、"BranchStatus" : { "1.0": { "sourceBranch": "NULL"、"status": "NULL"、"detectedOn": "NULL"、"patchedOn": "NULL"、" ;firstPatchedPackageRelease": "NULL"、"fixReleaseDate": "NULL"、"aid": "NULL"、"qid": [ "NULL" ] }, "2.0": { "sourceBranch": "2.0", "status": "Unpatched", "detectedOn": "12-03-2022", "patchedOn": "NULL"、"firstPatchedPackageRelease": "NULL"、"fixReleaseDate": "NULL"、"aid": "11574"、"qid": [ "未割り当て" ] } } }, { "パッケージ": "カーネル"、"バージョン": "5.10.155.1"、"所有者": "joslobo"、"検出日": "12-03- 2022", "BranchStatus": { "1.0": { "sourceBranch": "1.0", "status": "Unpatched", "detectedOn": "12-03-2022" 、"patchedOn": "NULL"、"firstPatchedPackageRelease": "NULL"、"fixReleaseDate": "NULL"、"aid": "11573"、"qid": [ "Not割り当てられました」 ] }, "2.0": { "sourceBranch": "NULL", "status": "NULL", "detectedOn": "NULL", "patchedOn": "NULL", "firstPatchedPackageRelease": "NULL"、"fixReleaseDate": "NULL"、"aid": "NULL"、"qid": [ "NULL" ] } } } ] }

私の homepage.vue では、レコード/オブジェクトを反復処理し、次のように表形式で表示します。 Homepage.vue