[解決済み] div 内のボタンをクリックしたときに親がクリックされないようにする。
2023-01-18 19:36:39
質問
の機能を無効にすることは可能でしょうか?
<div>
要素にある関数が実行されないようにすることはできますか?
button要素をクリックすると、関数が
toggleSystemDetails
はトリガーされるべきではないですか?これはVueで可能ですか?
<div v-on:click="toggleSystemDetails($event, system.id)" v-for="(system, index) in organization.systems" :key="system.id">
Outer Div
<button v-on:click="toggleTileOptionsMode($event, system.id, system.name, system.layout)">
Inner Button
</button>
</div>
どのように解決するのですか?
以下のサイトをご覧ください。
イベントモディファイア
をご覧ください(Vue.js v2 docs、v3 docs
はこちら
),
v-on:click.stop
は、そのクリックが親要素まで伝搬すること、または "bubbling" を停止します。
関連
-
[解決済み] v-if内部の複雑な条件
-
[解決済み】Vue.jsコンポーネントのメソッドをコンポーネントの外から呼び出す
-
[解決済み】Vue.Jsの計算されたプロパティでパラメータを渡すことはできますか?
-
[解決済み】Vue.jsでv-onにイベントと引数を渡す。
-
[解決済み】Vue2でデバウンスを実装するには?
-
[解決済み】Vuex - ミューテーションに複数のパラメータを渡す
-
[解決済み] vuejs ルータのオプションのパラメータ
-
[解決済み] マウスオーバーとホバー vue.js
-
[解決済み] コンテンツがある場合のみスロットを表示する
-
[解決済み] Vue.jsで配列から項目を削除する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Vue.jsで12件中1~3件を表示させるには?
-
[解決済み] npm run dev」「npm run watch」はどのようなスクリプトですか?
-
[解決済み] Vue 2.0でコンポーネント自身を削除する方法
-
vue リクエストエラー Uncaught (プロミス内)
-
Vueプロジェクトのビルド共通設定ファイル、request.jsとvue.config.js
-
プロキシエラーです。localhost:8090 から http:10.12.0.15:7777 へのリクエスト /queryCarList をプロキシできませんでした。
-
[解決済み] Vuex - 計算されたプロパティ "name "が割り当てられたが、セッターを持たない
-
vue springboot reports error DOMException: XMLHttpRequest'の'send'の実行に失敗しました。ロードに失敗しました
-
[解決済み】@clickとv-on:clickの違い Vuejs
-
[解決済み] vuejs ルータのオプションのパラメータ