JavaScript - Vue2.0で$onのデータを更新する方法
欧阳克
欧阳克 2017-06-12 09:25:46
0
2
651

コミュニケーションは父と息子の間ではないため、オンライン チュートリアルに従って、bus.js ファイルを作成しました。
「vue」から Vue をインポートします。
デフォルトの new Vue() をエクスポートします。

最初のコンポーネントlogin.vueは$emitに使用されます

this.usermsgはオブジェクトです
リーリー

最初のコンポーネントmine.vueは$emit

data() {
に使用されます。 リーリー

userData のデータは変更されず、割り当ては有効になりません。これは間違った点を指しているのでしょうか、それともこのように割り当てを変更すべきではないでしょうか? 多くの方法を試しましたが、混乱しています

欧阳克
欧阳克

温故而知新,可以为师矣。 博客:www.ouyangke.com

全員に返信(2)
过去多啦不再A梦

まず最初に、mine.vue を初期化する必要があります。 $on('usermessage') の後、このイベントを受信する前に、関連するコードが $emit('usermessage') をトリガーします。現在のコードによると、発行時にmine.vueはまったく初期化されていないため、このイベントを監視できません。
それでは、アロー関数を使用しているため、このポインティングは正しいことになります。詳細については、アロー関数のこのポインティングの問題を参照してください。 (this.msgで何をしたいのか分かりませんが、データには明らかにmsgがありません)
さらに、ログインしてユーザー情報を取得し、mine.vueページに表示するという考えです。別のページで取得できるように、vuex を使用してユーザー情報を保存することをお勧めします

いいねを押す +0
三叔

上の階が正解です。
ログインにジャンプすると、マインコンポーネントが破壊され、それが正しいかどうかを確認できます。このようにして、再び Mine にジャンプすると、内部のコンテンツが再初期化されるため、印刷される内容は常に初期化されたばかりで操作されていないコンテンツになります。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート