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 での一時テーブルの使用例
ここ2日間ちょっと忙しくて、公式アカウントも数日更新が止まってしまいました。その結果、何人かの読者か...
選択/フォーカス時にすべてのオプションをリストする現在のより良い方法
開発中にこのような要件に遭遇したので、将来使用するために記録しました。需要背景キーボード ショートカ...
Vueのハッシュジャンプ原理の詳細な説明
目次ハッシュと履歴の違いハッシュ履歴getCurrentLocation の実装setupListe...
HTML テーブルの空白セル補完を実装する方法
私が初めて Web 開発を独学で学んだ頃は、いわゆる DIV/CSS レイアウトはなく、テーブル レ...
CSSメディアクエリのアスペクト比を小さくする方法
CSS メディア クエリには非常に便利なアスペクト比、aspect-ratio があり、幅と高さを直...
JavaScript での実行コンテキストと実行スタックの例の説明
JavaScript - 原則シリーズ日常の開発では、既存のプロジェクトを引き継ぐときは常に、まず他...
CSS マルチカラムレイアウトソリューション
1. 固定幅+適応型期待される効果: 左側は固定幅、右側は適応幅 共通コード: html: <...
MySQL の一般的な SQL ステートメントの概要
1. mysqlエクスポートファイル: SELECT `pe2e_user_to_company`....
js でオブジェクトを作成するさまざまな方法とその長所と短所のまとめ
目次初期作成方法ファクトリーパターンコンストラクターパターンコンストラクタパターンの最適化プロトタイ...
DockerでLNMPアーキテクチャを展開する方法
環境要件: IPホスト名192.168.1.1ノード1プロジェクト計画:コンテナネットワークセグメン...
MySQL データベースの型変換のための CAST 関数と CONVERT 関数の説明
MySQL のCAST()およびCONVERT()関数を使用すると、ある型の値を取得し、別の型の値を...
行間隔が広い場合の解決策（IE では 5 ピクセル多い）
コードをコピーコードは次のとおりです。 li {幅:300px; 高さ:23px; 行の高さ:24p...
MySQL の日付と時刻の加算と減算のサンプル コード
目次1.MySQLは時間間隔を加算または減算します2. 日付を減算する最近、MySQL を見直してい...
一般的な Linux ツール vi/vim の完全版
なぜvimを学ぶのかLinuxには多数の設定ファイルがあるため、Linuxには多くのテキスト処理ツー...
MYSQL パフォーマンス アナライザー EXPLAIN 使用例分析
この記事では、例を使用して MYSQL パフォーマンス アナライザー EXPLAIN の使用方法を説...