狀況:點擊導航切換下方組件的內容展現,組件不變,變的只有路由後面的參數spa
<router-link :to="{ name: 'Itemlist', params: { category_id: item.product_category_id, category_name: item.product_category_name }, }">{{item.product_category_name}}</router-link>
如上圖,路由只前往ItemList;code
這樣的問題是路徑會切換,可是組件的內容並不刷新,查閱官方文檔,router
而後使用beforeRouteUpdate解決問題blog
beforeRouteUpdate(to, from, next) { next() //路由後的操做 },