如何從winthin組件中訪問路由器

Question

我想在請求/url/confirm/時顯示模式。

這是搞什麼名堂迄今所做的：

// footer component 
import Modal from '../Modal/Modal'; 

export default { 
    components: {Modal,}, 
    data() { 
     return { 
      showModal: false, 
     }; 
    }, 

    mounted() { 
     if (window.location.href.match('/confirm/')) { 
      this.showModal = true; 
     } 
    }, 
}; 


// my main js 
import MyFooter from './components/footer/MyFooter; 
import router from './router'; 

new Vue({ 
    el: '#app', 
    router, 

    components: {MyFooter, /* other components too */} 
}); 

，我和這個https://router.vuejs.org/en/essentials/dynamic-matching.html#reacting-to-params-changes組合涵蓋所有用例？

這個工作，但似乎並不是一種做事的方式，特別是我在兩個不同的文件中做同樣的事情。

如何檢測/confirm/路線，其名稱爲confirm，以便在我的組件頁腳中顯示模態？

Answer 1

使用the route object（可內部組件this.$route）：

if (this.$route.name == 'confirm') { 
    this.showModal = true; 
}