Vueルーティング相対パスジャンプ今日何か書いていたら多層ルーティングに遭遇しました。ルートを飛び越えるときに相対パスが必要になります。そこで公式サイトを確認したところappend属性とrouter.resolveメソッドを使うとあったので具体的な使用方法を記載しました。 1. 属性の追加append 属性が設定されている場合、ベース パスが現在の (相対) パスの前に追加されます。 タイプ: ブール値 デフォルト値: false
現在のルートが/ethの場合、子の/eth/blockにジャンプします <router-link to="block" を追加> /eth =====> /eth/ブロック </ルーターリンク> 現在のルートが/eth/loginの場合、同じレベルの/eth/blockにジャンプします。 <router-link to="../block" を追加> /eth/ログイン =====> /eth/ブロック </ルーターリンク> 現在のルートが/eth/blockの場合、前のレベル/ethに戻ります。 <router-link to="../" を追加> /eth/ブロック =====> /eth </ルーターリンク> 2.router.resolveメソッドrouter.resolve(場所、現在値、追加値) 戻り値: ルートオブジェクト
エクスポートデフォルト{ マウント() { //リダイレクトするルートオブジェクトを取得する let routeObj = this.$router.resolve({ パス: '../' }, this.$ルート、 「追加」 ); //ルート オブジェクトを印刷して表示します console.log(routeObj); //ルートジャンプ this.$router.push({ パス: routeObj.route.path、 query: { //パラメータIDを次のように渡します: this.id } }); } } Vue ルーターの動的ルーティングをクリックしてジャンプパスのアドレスを繰り返し追加するVue ルーターの動的ルーティングの記述を練習する際に遭遇する問題複数回クリックすると、アドレスバーに重複が追加され続けます。 コードを確認したところ、ページ内の相対パスの先頭に「/」が欠けていることがわかりました。これを追加すると正常に表示されます。 次のように: 上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQL ストアド プロシージャの原理と使用法の詳細な説明
>>: Win10でIIS10を構成し、ASPプログラムのデバッグをサポートする手順
目次序文シナリオシミュレーション要約する序文最近、sql_mode の話題については何度も話し合われ...
この記事では、スネークゲームを実装するためのjsの具体的なコードを参考までに共有します。具体的な内容...
この記事では、カルーセルの効果を実現するためのJavaScriptの具体的なコードを参考までに共有し...
1. mysql をインストールします。次のコマンドを実行して、YUM ソースを更新します。 rpm...
インストールユーザーにインストール権限があることを確認してくださいルートスイッチなしsuルート(su...
a タグが新しいページを開くかどうか: (1)百度百科事典:ヘッダーが異なる場合は新しいページが開き...
今日皆さんにお伝えしたいトピックは、「皆さんがよく話題にするテーブル スペースとは一体何でしょうか。...
Centos7 の起動プロセス: 1.post(電源投入時のセルフテスト) 電源投入時のセルフテスト...
本日ご紹介するのは、jQuery を使用してシンプルなカルーセルを実装する方法です。実装の原則は次の...
目次1. 初期SQLの準備2.MysqlはSQL文の実行時間をチェックします3. さまざまなクエリの...
1. ユーザーとグループを追加する1. mysqlユーザーグループを追加する # グループ追加mys...
日々の開発において、フロントエンドの学生はアニメーションやデザインについてよく議論します。デザイナー...
目次リナックス1. crontabの基本的な使い方2. ログを有効にする3. スケジュールされたタス...
学習プロセス中にプッシュ イメージが常にタイムアウトすることがわかったため、Alibaba Clou...
目次序文1. インストール1.公式サイトからダウンロード2. 構成を作成する3. MySQLを初期化...