Vue //これ。 $root.$offは、コンポーネントのすべてのインスタンスをグローバルイベントからサブスクライブ解除します

3
rreckonerr 2019-03-22 10:19.

フォームで使用するカスタム入力検証コンポーネントがあります。アプリの周りのこのコンポーネントの15のインスタンスのようなもの。サーバーにリクエストを送信する前に検証をトリガーするbeforeDestroyというグローバルイベントのサブスクライブを解除するメソッドがありtriggerGlobalValidationます。予想どおり、この特定のコンポーネント内で1回だけトリガーされます。

v-ifコンポーネントの1つのインスタンスを含むパラメーターを持つコンテナーがあります。したがって、v-if="false"この特定のコンポーネントがイベントのサブスクライブを解除して破棄されることを期待する場合。それは1つのことをうまく受け入れます:どういうわけか、このコンポーネントはそれの他のすべてのインスタンスtriggerGlobalValidationもイベントからサブスクライブ解除します。

で動作をテストしましたが、v-show期待どおりに機能します。他のすべてのインスタンスはサブスクライブv-showされたままですが、フォームにフィールドが必要なため、DOMに表示されなくても検証がブロックされます。また、上記のコンポーネントの動作を削除してテストしましたが、期待どおりに機能し、グローバルルートを汚染します。this.$root.$off("triggerGlobalValidation")

$ offメソッドに関するVueのドキュメントは次のように述べています。

引数が指定されていない場合は、すべてのイベントリスナーを削除します。

イベントのみが提供されている場合は、そのイベントのすべてのリスナーを削除します。

イベントとコールバックの両方が指定されている場合は、その特定のコールバックのリスナーのみを削除します。

コールバックで、この$offメソッドがすべてのインスタンスをイベントからサブスクライブ解除するのではなく、この特定のインスタンスだけが破棄されることに言及することは可能ですか?

codesandboxでチェックしてください

1 answers

7
Posva 2019-03-22 20:40.

問題で回答されているように、ハンドラーを保存して、もう一度渡す必要があります $off

mounted() {
  this.fn = () => {
    this.toggleWarning();
  }
  this.$root.$on("triggerChildComponents", this.fn); }, beforeDestroy() { this.$root.$off("triggerChildComponents", this.fn);
},

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

Microsoftの新しいSurfaceLaptopはこれまでになく安価です(ただし、それほど強力ではありません)

Microsoftの新しいSurfaceLaptopはこれまでになく安価です(ただし、それほど強力ではありません)

写真:Alex Cranz / Gizmodo Microsoftは、Surface Laptopラインの一部をリニューアルし、SurfaceLaptopとSurfaceBook2の2つのモデルの価格を下げました。

1か月にわたる金融デトックスの準備をする

1か月にわたる金融デトックスの準備をする

画像ソース:Pixabay私たちは皆、私たちが変えることができるお金の習慣を1つか2つ持っています。1か月の余分な支出をあきらめることは、それ自体であなたの人生を変えたり、あなたを金持ちにすることはありません。

この警官がジャークになる以外の理由がないために状況をエスカレートするのを見てください

この警官がジャークになる以外の理由がないために状況をエスカレートするのを見てください

Facebookのビデオスクリーンショットこれを知るには若すぎるかもしれない人のために、Ice-TがLaw&Order:Special Victims Unitの大スターになる前は、彼は史上最高のロサンゼルスのギャングスタラッパーの一人でした。実際、彼はNの前にギャングスタラップをやっていた。

このChrome拡張機能で「人種差別的」を「人種差別主義者」に置き換えます

このChrome拡張機能で「人種差別的」を「人種差別主義者」に置き換えます

WHAS 11経由の画像人種差別主義者でなくても、実際には「人種差別的」なものもあります。しかし、主流メディアでは、前者は通常後者のコードです。

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

ロシアのフィギュアスケーター、カミラ・バリエバが関与したドーピング事件が整理されているため、チームは2022年北京冬季オリンピックで獲得したメダルを待っています。

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

何千人ものAmazonの買い物客がMulberry Silk Pillowcaseを推奨しており、現在販売中. シルクの枕カバーにはいくつかの色があり、髪を柔らかく肌を透明に保ちます。Amazonで最大46%オフになっている間にシルクの枕カバーを購入してください

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

ラファイエット警察署は、「不審な男性が女性に近づいた」という複数の苦情を受けて、12 月にパデュー大学の教授の捜査を開始しました。

コンセプト ドリフト: AI にとって世界の変化は速すぎる

コンセプト ドリフト: AI にとって世界の変化は速すぎる

私たちの周りの世界と同じように、言語は常に変化しています。以前の時代では、言語の変化は数年または数十年にわたって発生していましたが、現在では数日または数時間で変化する可能性があります。

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

犯罪擁護派のオークランドが暴力犯罪者のロミオ・ロレンゾ・パーハムを釈放

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

認知症を患っている 91 歳のアジア人女性が最近、47 番街のアウター サンセット地区でロメオ ロレンゾ パーハムに襲われました。伝えられるところによると、被害者はサンフランシスコの通りを歩いていたところ、容疑者に近づき、攻撃を受け、暴行を受けました。

ℝ

“And a river went out of Eden to water the garden, and from thence it was parted and became into four heads” Genesis 2:10. ? The heart is located in the middle of the thoracic cavity, pointing eastward.

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

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

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

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

Language