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 を巧みに使用してさまざまな動的効果を実現する (要約)
![MySQL マルチテーブルクエリ例の詳しい解説 [リンククエリ、サブクエリなど]](/upload/images/67cad8ad5e1d9.webp)
推薦する
Windows と Linux 間のリモート デスクトップ接続
Linux へのリモート デスクトップ接続といえば、まず VNC の使用を思い浮かべるかもしれません...
HTML 5 プレビュー
<br />オリジナル: http://www.alistapart.com/artic...
LinuxでのMySQLのインストール手順
1. mysql tar ファイルをダウンロードします。参考: 2. インストールパッケージがあるデ...
Linux でテキストを表示するためのヒント (非常に実用的!)
序文日常の開発では、サーバー上でさまざまなテキストやログの表示操作を実行する必要があることがよくあり...
Robots.txtの詳細な紹介
robots.txt の基本的な紹介Robots.txt はプレーンテキスト ファイルであり、Web...
MySQL でテーブル データを削除した後もディスク領域がまだ占有されているのはなぜですか?
目次1.MySQLデータ構造2. テーブルファイルのサイズは変更されておらず、MySQLの設計に関連...
TypeScript 3.7 で注目すべき 3 つの新機能について簡単に説明します。
目次序文オプションの連鎖ヌル結合呼び出されていない関数のチェック他の序文TypeScript 3.7...
Linuxはjoin -a1を使用して2つのファイルを結合します
次の2つのファイルを結合するには、それらを結合して1.txtに結合します。 # 1.txt ジェリー...
Spark SQL の 4 つの一般的なデータ ソースの詳細な説明
汎用ロード/書き込みメソッドオプションを手動で指定するSpark SQL の DataFrame イ...
ReactはExcelファイルのインポートとエクスポートを実装します
目次プレゼンテーション層ビジネスレイヤーコアプラグイン xlsx ExcelインポートExcelエク...
MySQLの詳細な説明Explain
日常業務では、実行に時間のかかる SQL ステートメントを記録するために、スロー クエリを実行するこ...
ffmpeg コマンドラインを使用してビデオを変換するためのサンプルコード
この記事の本文を始める前に、まず ffmpeg プログラムをインストールする必要があります (Lin...
Docker を使用した nGrinder パフォーマンス テスト プラットフォームの導入プロセスの分析
nGrinderとは何ですか? nGrinder は、スクリプトの作成、テストの実行、監視、結果レポ...
VMware Workstation 仮想マシンのインストール操作方法
仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...
MySQL ファジークエリの使用法 (通常、ワイルドカード、組み込み関数)
目次1. MySQL ワイルドカード ファジー クエリ (%,_) 1-1. ワイルドカードの分類1...