vue子路由回退後刷新頁面方式

最近碰到一個小問題,頁面中含有

<transition name="router-slid" mode="out-in">
      <router-view></router-view>
    </transition>

作爲子頁面加載顯示的地方。但是一般正常子路由通過 this.$router.go(-1) 返回到上一層原先的頁面中。通過路由歷史返回方式原本父頁面想更新數據在created 跟mounted中都不行的感覺。

爲了解決通過歷史返回還要刷新頁面功能,可以通過更新路由判斷原先的路由地址是來着子頁面的話則進行相關更新操作方法。

 beforeRouteUpdate(to, from, next) {
    if (from.name === "fastAccessAuthAddNew") {
      this.search();
    }
    next();
  },

name對應的值就是router配置中定義name的值。在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章