從路由器視圖到外部組件的Vuejs

我試圖將數據從路由器視圖傳遞到外部組件。我發現an example of child to parent，但我不確定路由器視圖是否被認爲是孩子。
是否可以使用此方法將數據從外部組件傳遞到外部組件？從路由器視圖到外部組件的Vuejs

我有一個ChildView，我發出一個事件來傳遞一個值給TopNavSection。

這是我的結構：

我發送的事件在ChildView：

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

但我的事件沒有被通過這個代碼MainContainer.vue處理。

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

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

請讓我知道我是否在正確的軌道上，因爲我不知道爲什麼處理程序沒有被觸發。謝謝

來源

2017-05-04 Alocus

ChildView組件發出update-back-link事件，而不是TopNavSection組件。但是，您在標記上有事件處理程序。 TopNavSection永遠不會發出update-back-link事件，所以它的處理程序永遠不會被觸發。

你應該事件處理程序移動到了ChildView組件（，因爲你正在使用ChildView作爲路由組件將<router-view>）標籤：

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

來源

2017-05-04 14:24:31 thanksd

感謝。我能夠處理這個事件。 – Alocus

從路由器視圖到外部組件的Vuejs

回答

相關問題