Blazorリンク-onclickメソッドがある場合はhrefを無効にします

17
tomRedox 2019-05-17 09:41.

Blazorには、<a>ahrefonclickメソッドの両方を持つ要素があります。

<a href="" onclick="@(() => ChangePage(_someObject))">Test</a>

onclick このメソッドを呼び出します:

  private bool ChangePage(object objectToDisplay)
  {
    _currentObject = objectToDisplay;
    StateHasChanged();

    return false;
  }

通常、JavaScriptでは、eventメソッドからfalseを返すと、のリンクへの後続のナビゲーションが停止しますhrefが、これは上記のコードでは機能していないようです。

リンクがクリックされた後、BlazorがページをルートURLに変更するのを止めるにはどうすればよいですか?

(ここでの明白な答えは、href完全に削除することですが、私はブートストラップピルのリンクを使用してhref、ピルが機能するのを停止します)

私が試した他のことはうまくいきませんでした:

  • <a>要素をスパンに変更してdata-target属性を設定しますが、これによりピルのレンダリングが適切に停止します。
  • イベントreturnへの追加onclick(この回答による):onclick="return @(() => ChangePage(_overviewModel))"しかし、それはコンパイルされません。
  • イベントのreturn後に追加onclickonclick="@(() => ChangePage(_overviewModel)); return false;"しかし、それもコンパイルされません。
  • BlazorNavLinkコンポーネントを使用する<NavLink href="" onclick="@(() => ChangePage(_someObject))">NavLink</NavLink>

5 answers

37
Stilgar 2020-01-07 00:29.

後にそれを行う方法ASP.NETコアのリリース3.1はあると思われます

<a href="" @onclick="@SomeAction" @onclick:preventDefault />
6
Chris Sainty 2019-05-17 17:01.

現在、Blazorでイベントの伝播を制御することはできません。この機能は、次のプレビューであるプレビュー6で利用できるようになります。関連する問題はGitHubで確認できます。https://github.com/aspnet/AspNetCore/issues/5545。

ブートストラップのピルは、使用されている要素に基づいてスタイル設定されていることがわかったため、タグを別のタグに交換すると問題が発生します。

今のあなたの選択肢は、プレビュー6を待つか、自分でピルを書き直すことだと思います。

4
simpleman 2019-05-17 17:43.

javascriptvoidメソッドをhrefに追加してみてください。

<a href="javascript: void(0);" onclick="@(() => ChangePage(_someObject))">Test</a>

2
Fahad Mullaji 2019-11-07 02:48.

これは最終的に修正されました。

<a style="text-underline-position:below; cursor:pointer" @onclick="(() => CloseValidation())">x</a>
1
Ashley Kilgour 2020-05-26 01:37.

私は同じ問題を抱えていて、余分なonclick:preventDefaultを追加するというアイデアが気に入らなかった

また、JavaScriptを追加したり、使用できるBlazorとC#の量を確認したりすることも避けたいと思います。

だから私は代わりにボタンを使いました。カーソルを合わせると、希望どおりに動作します。

<button class="btn btn-primary" @onclick="ChangePage">
   Test
 </button>

Related questions

MORE COOL STUFF

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire が息子の Shelby Blackstock と共有しているクリスマスの伝統について学びましょう。

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルとマライア・キャリーが自然な髪の上でどのように結合したかについて、メーガンの「アーキタイプ」ポッドキャストのエピソードで学びましょう.

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子が家族、特にチャールズ王とウィリアム王子との関係について望んでいると主張したある情報源を発見してください。

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドが、母親のナオミ・ジャッドが亡くなってから初めての感謝祭のお祝いを主催しているときに、彼女が今では家長であることをどのように認識したかを学びましょう.

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セント ヘレナ島のジェイコブズ ラダーは 699 段の真っ直ぐ上る階段で、頂上に到達すると証明書が発行されるほどの難易度です。

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

Redditで何かを見つけるのに最適な場所は、ミソジニーのゴミを宣伝することです

Redditで何かを見つけるのに最適な場所は、ミソジニーのゴミを宣伝することです

画像:Gizmodo Subreddit of the Dayは、Redditのクールで奇妙で楽しい部分を祝うことです。SROTDのモデレーターは毎日、候補者の大規模なプールからsubredditを引き出し、宣伝します。

バットマンとオタク文化の台頭

バットマンとオタク文化の台頭

イラスト:アダム・クラーク・エステスバットマンが執着するようになると同時に、新しい種類の愛好家が目立つようになり始めました。何年もの間、彼らは大衆文化の陰の隅に潜んでいて、彼らの間のニッチな興味を静かに追求し、より広い世界の好奇心旺盛で判断力のある視線を避けるために頭を下げていました。

UberはGoogleとの法廷闘争を世間の目から遠ざけようとしている

UberはGoogleとの法廷闘争を世間の目から遠ざけようとしている

写真:AP先月、GoogleはUberに対して訴訟を起こし、ライドシェアリング会社が元Googleエンジニアと衝突して、Waymo自動運転車ユニットから企業秘密と独自のデザインを盗んだと主張しました。本日、Uberの弁護士は、訴訟を仲裁の暗い穴に移すよう申し立てました。

あなたが真剣に石で打たれたときに見るのに最適なSF映画

あなたが真剣に石で打たれたときに見るのに最適なSF映画

ドゥウウウデ。マリファナは悪い映画を良くし、良い映画を素晴らしいものにすることができます。

バレンタインデーにユーカリのシャワースチーマーで「最高の睡眠」を贈りましょう。

バレンタインデーにユーカリのシャワースチーマーで「最高の睡眠」を贈りましょう。

BodyRestore ユーカリ シャワー スチーマーは、Amazon で 11,000 を超える 5 つ星の評価を得ています。セルフケアが必要な人へのバレンタインデーのギフトとして、ホームスパ製品を贈りましょう。

この「邪悪な吸引力」を備えたこの250ドルのハンドヘルド掃除機は、Amazonで75%オフになりました

この「邪悪な吸引力」を備えたこの250ドルのハンドヘルド掃除機は、Amazonで75%オフになりました

多くのAmazonの買い物客がUmlo H6ハンドヘルド掃除機を推奨しており、現在スーパーセール中です. ハンドヘルド デバイスには HEPA フィルターが装備されており、複数のアタッチメントが付属しています。Amazonで75%オフのときにハンドヘルド掃除機を購入する

オクタヴィア・スペンサー、「ザ・ヘルプ」共演者のシシー・スペイセクが17歳で映画のインターンをした後、彼女のことを「実際に」思い出したと語る

オクタヴィア・スペンサー、「ザ・ヘルプ」共演者のシシー・スペイセクが17歳で映画のインターンをした後、彼女のことを「実際に」思い出したと語る

オクタヴィア・スペンサーは、ヘルプで一緒に共演するずっと前に、シシー・スペイセク主演の 1990 年の映画「ロング・ウォーク・ホーム」でインターンとして働いていました。

ジュリア・フォックス、「マスカラ」がTikTokユーザーの性的暴行コードだったことを知らなかったことを謝罪

ジュリア・フォックス、「マスカラ」がTikTokユーザーの性的暴行コードだったことを知らなかったことを謝罪

ジュリア・フォックスは、彼女のTikTokで共有された応答ビデオで、「本当に申し訳ありません。今、本当に年齢を示しています」と述べました。

メリック・ガーランドはアメリカに失敗しましたか?

バイデン大統領の任期の半分以上です。メリック・ガーランドは何を待っていますか?

メリック・ガーランドはアメリカに失敗しましたか?

人々にチャンスを与えることは、人生で少し遅すぎると私は信じています。寛大に。

良いものと醜いもの: 2022

良いものと醜いもの: 2022

もうわからない。何が「ヒット」かを正確に判断することは、もはやほとんど不可能に思えます。

楽しみのために — 2022 年のトップの新しい音楽再生

楽しみのために — 2022 年のトップの新しい音楽再生

ついに!私の 2022 年のトップ ニューミュージック プレイへようこそ。私は毎年これを共有して、友達とつながります。

ヒーズ・オール・アイヴ・ガット

ヒーズ・オール・アイヴ・ガット

あなたの心をチェックしてください。私たちの心はしばしば迷います。

Language