Vueバスの簡単な使い方シナリオの説明: コンポーネント A にはコンポーネント B と C が含まれ、コンポーネント B にはコンポーネント D が含まれます。コンポーネント D がコンポーネント A 内のコンポーネント C のメソッドをトリガーする場合はどうなるでしょうか。 もちろん解決策はあります。vuex 次のように: バスのエミットは D コンポーネントでトリガーされ、次にバスのオンは A コンポーネントのメソッドをトリガーするために使用されます。 コンポーネントD データロード(){ console.log('読み込み完了トリガーイベント'); this.$bus.$emit('itemDataLoad') // this.$bus.$emit('イベント名', パラメータ) // 2番目はパラメータになる}, コンポーネントA マウント() { // アイテム内のデータの読み込みをリッスンします this.$bus.$on('itemDataLoad', () => { console.log('データの読み込みが完了しました'); }) // this.$bus.$on('イベント名', コールバック関数 (パラメータ)) }, もちろん、コンポーネント A では、コンポーネント C のイベントは もう 1 つのステップは、 心配しないでください。main.js に $bus を追加してください。 // バス バス vue インスタンス Vue.prototype.$bus = new Vue() もちろん、バスはライフサイクル中に削除できます。 this.$bus.$off(); 記録カプセル型手ぶれ防止機能 // デバウンス関数: function (fun, delay) { タイマーを null にする // 関数を呼び出すときに渡されたパラメータの値を受け取ります... args は複数にすることができます return function (...args) { if (tiemr) 戻る タイマー = setTimeout(() => { fun.apply(これ、引数) }、 遅れ); } } const リフレッシュ = デバウンス(xxx, 500) refresh('パラメータ1', 'パラメータ2', 'パラメータ3') Vue のバスの簡単な使い方に関するこの記事はこれで終わりです。Vue のバスの簡単な使い方に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: Ubuntu 20.04 に Xrdp サーバー (リモート デスクトップ) をインストールする方法
目次序文webpack-deb サーバーwebpack-dev-server 起動エラー解決策1解決...
一つの環境CentOS 7にVMware Toolsをインストールしてホストの共有フォルダへのアクセ...
1. コンポーネントをインストールする yum install epel-rpm-macros.no...
応答性を実現するための object.defineProperty の理解observe/watch...
1. 環境整備1.MySQLインストールパス: /usr/local 2. CentOS 6.2 ...
Prometheus (プロメテウスとも呼ばれる) 公式サイト: https://prometheu...
Vue+Openlayerはmodifyを使って要素を変更します。具体的な内容は以下のとおりです。 ...
一般的な演算子と JavaScript の演算子の概要カテゴリオペレーター算術演算子+、–、*、/、...
この記事では、Baidu News Navigation Barの効果を実現するための具体的なJSコ...
LocalStorageはブール値を保存します今日、ブール値データを保存するために localsto...
1. mysql-8.0.15をダウンロード、インストール、設定する1. 公式サイト (https:...
1. 時間差関数(TIMESTAMPDIFF、DATEDIFF) MySQLを使用して時間差を計算...
カーソルの作成まず、MySql でデータ テーブルを作成します。 存在しない場合はテーブルを作成 `...
この記事では、タブ切り替え効果を実現するためのJavaScriptの具体的なコードを参考までに紹介し...
この記事では、jsネイティブカルーセルプラグインの具体的なコードを参考までに共有します。具体的な内容...