emitter 관련 질문

[김민정]

안녕하세요 !

로그인이 성공하면 user의 id를 Sidebar.ver 컴포넌트에 emitter 라이브러리를 사용하여 보내주려고 하는데요 

id를 변수에 넣어서 확인은 했는데 Sidebar.ver 컴포넌트에서 받았는지를 모르겠어요 ㅜㅜ

데이터 바인딩이 안되는 것으로 보아 받지 못한것 같습니다. 어떤게 문제인지 잘 모르겠어서 문의드려요  도움 주시면 감사하겠습니다.

 

 

 

main.js

import { createApp } from "vue";
import App from "./App.vue";
import "bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import mitt from "mitt";

let emitter = mitt();
let app = createApp(App);
app.config.globalProperties.emitter = emitter;

app.mount("#app");

 

SignIn.vue

this.emitter.emit("userId", this.userId[0]);  // emitter로 확인된 id전송

 

 

Sidebar.vue

  mounted() {
    this.emitter.on("userId", (a) => { 
      console.log(a);   // 확인 안됨
      this.userNm = a;
    });
  },

[codingapple]

그러게요 userId라고 작명한 이벤트명을 전부 소문자로 바꾸든가 다른이름으로 바꿔봅시다 콘솔창에 에러는 안나나요?

vue와 상관없는 일반 자바스크립트 라이브러리들은 html 파일안에 넣는게 안전합니다

 

[김민정]

흠... 에러도 없구 소문자로 바꿔봐도 안되네요 ㅜㅜ

혹시 몰라서

// 관리자 id
            let userid = result.data.adminId.split("@");
            console.log("=====================", userid[0]);
            this.emitter.emit("userid", userid[0]);

이렇게 해봐도 안되구요 

에러가 안뜨니 뭐때문인지 모르겠어요 ???

[codingapple]

sidebar 라는 컴포넌트를 아무데서도 안쓰거나 아직 등장하지 않았거나 그런 것 때문인듯요 

그러면 mounted 안의 코드가 동작하지 않습니다 

[김민정]

넵... ㅜㅜ 그런것 같아요 죄송한데 이 문의글 삭제 부탁드려도될까요 ~? 

[codingapple]

질문삭제는 안됩니다 

[김민정]

그럼 URL 수정이라도 하게 부탁드릴게요 ~ 수정이 안되서요 ㅜㅜ

[글쓴이]

글