Vue3は現在のルーティングアドレスを取得します
正解
// ルーターパス: "/user/:uid"
<テンプレート>
<div>ユーザー</div>
<p>uid: {{ uid }}</p>
</テンプレート>
<script lang="ts">
「vue」からdefineComponentをインポートします。
「vue-router」から useRouter をインポートします。
エクスポートデフォルトdefineComponent({
名前: "ユーザー",
設定（） {
定数ルーター = useRouter();
定数 uid = router.currentRoute.value.params.uid;
戻る {
// 返されたデータ uid、
};
},
});
</スクリプト>説明する
これで、vue3 で現在のルーティング アドレスを取得する方法についてのこの記事は終了です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援して頂ければ幸いです。 以下もご興味があるかもしれません:
|
<<: HTML テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード
>>: webkit-box-reflect を巧みに使用してさまざまな動的効果を実現する (要約)
推薦する
Linux でスペースを含むファイルを削除する (ディレクトリではない)
日常業務では、スペースのないファイルに遭遇することがよくあります。これにより、削除操作がはるかに簡単...
docker を使って sonarqube を構築する方法
目次1. Dockerをインストールする2. ソナーイメージをインストールする3. ソナーを使ってコ...
MySQLからMariaDBへのスムーズな移行のための詳細な手順
1. MariaDB と MySQL の紹介1. MariaDB の紹介MariaDB は、MySQ...
派手なカルーセル効果を実現するJavaScript
この記事では、JavaScriptで派手なカルーセル効果を実装する2つの方法を紹介します。具体的な内...
Reactは、読み込み、読み込み完了、読み込み失敗の3つの段階の原則分析を実装します。
最近ブログに書いたのですが、プロジェクトリストの中に写真がたくさんあり、最初は読み込みが遅いので、ス...
MySQLデータベースのマスタースレーブ同期構成と読み取り書き込み分離
MySQL マスター スレーブ レプリケーションを使用する利点は次のとおりです。 1. 安定性を向上...
MySQL の null 可能フィールドは NULL に設定する必要がありますか、それとも NOT NULL に設定する必要がありますか?
MySQL を頻繁に使用する人は、次のような状況に遭遇する可能性があります。 1. フィールド タ...
MySQL データベースの高度なクエリとマルチテーブルクエリ
MySQL マルチテーブルクエリワークシートを追加する -- ユーザーテーブル (ユーザー) テーブ...
擬似静的およびクライアント適応型 Nginx の設定方法
バックエンドは thinkphp3.2.3 フレームワークを使用します。他の言語を使用している場合は...
Web 開発 js 文字列連結プレースホルダーと conlose オブジェクト API の詳細な説明
目次プレースホルダーの置き換えコンソール印刷テーブル（）ログ、情報、警告、エラーグループ()、グルー...
nginx を https をサポートするように設定するためのサンプル コード
1. はじめにあなたのウェブサイトはまだインターネット上に公開されたままですか?ここでは、HTTPS...
MySQL データをエクスポートする際の secure-file-priv 問題の解決方法
エラー 1290 (HY000) : MySQL サーバーは –secure-file-priv オ...
HTML で vue-router を使用するサンプル コード
vue と vue-router の紹介 <script src="https://...
JavaScriptのスリープ関数の使用
目次1.スリープ機能2.タイムアウトを設定する3. 約束4. 非同期待機5. 1秒後に出力1、2秒後...
Alibaba Cloud に Docker をインストールする際の問題と解決策
質問Alibaba Cloud イメージを使用して Docker をインストールすると、次の図に示す...