라우터 뷰에서 외부 컴포넌트로의 Vuej

라우터 뷰에서 외부 컴포넌트로의 Vuej

데이터 전송을 시도하고 있습니다.<router-view>외부 컴포넌트에 접속합니다.아이에서 부모로 전달되는 예를 찾았는데,<router-view>아이로 간주됩니다.데이터 전송이 가능합니까?<router-view>이 방법을 사용하여 외부 구성 요소에 연결할 수 있습니까?

나는 가지고 있다ChildView값을 전달하기 위해 이벤트를 내보냅니다.TopNavSection.

다음과 같은 구조를 가지고 있습니다.

이벤트를 보냈습니다.ChildView:

 mounted() {
  this.$emit('update-back-link', "value");
},

그러나 Main Container에서는 이 코드로 이벤트가 처리되지 않습니다.vue를 클릭합니다.

<top-nav-section @update-back-link="handleBackLinkUpdate"></top-nav-section>

methods: {
  handleBackLinkUpdate: function (value) {
    debugger;
    console.log(value);        
  },
},

왜 핸들러가 트리거되지 않는지 모르니 제가 제대로 가고 있는지 알려주세요.고마워요.

그ChildView컴포넌트가 송신하고 있다.update-back-link이벤트, 이벤트,TopNavSection요소.단, 이벤트 핸들러는<top-nav-section>태그를 붙입니다.TopNavSection발화하지 않다update-back-link이벤트 핸들러는 실행되지 않습니다.

이벤트 핸들러를 태그로 이동해야 합니다.ChildView컴포넌트(사용자가 사용하고 있기 때문에)ChildView루트 컴포넌트로서<router-view>):

<router-view @update-back-link="handleBackLinkUpdate"></router-view>

언급URL : https://stackoverflow.com/questions/43785380/vuejs-from-router-view-to-outside-component