JavaScript - vue-router のルーターリンクをクリックしてもジャンプしないように動的に制御する方法

Question

RT
問題の説明:
ページ内にルーターリンクによってレンダリングされたリンクがあります。特定の状況下では、このリンクはジャンプできますが、特定の状況下ではジャンプできません。

思考:
ルーターリンクをジャンプ不可能にするにはどうすればよいですか?

リーリー

最終的に採用されたハッキン​​グ手法:

ユーザーにクリックしてジャンプさせたくない場合は、URL は現在のページの URL に設定され、クリックしてジャンプしたい場合は、URL はターゲット URL に設定されます。

Answer 1

プログラムによるナビゲーションを使用する

Answer 2

じゃあ状況判断しなくていいんじゃない？ aタグを使って判定する関数を書いてみましょう

Answer 3

プログラムによるナビゲーションを使用します。具体的には、li などの他のタグを使用してクリック イベントをバインドします (無効にする必要がある場合は、イベント コールバック関数でビジネス ロジックの判断が完了した後に、this.$route を使用するかどうかを忘れずに追加してください)。 Push(URL文字列またはURLオブジェクトエンティティ)メソッドでジャンプします。