vue2.X 解決同一路由跳轉只有參數變化的狀況下,組件不刷新的問題

狀況:點擊導航切換下方組件的內容展現,組件不變,變的只有路由後面的參數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

clipboard.png

而後使用beforeRouteUpdate解決問題blog

beforeRouteUpdate(to, from, next) {
     next()
     //路由後的操做
  },
相關文章
相關標籤/搜索