vue 使用同一組件,切換時不觸發created、mounted鉤子

兩個頁面參數不一樣使用同一組件,默認狀況下當這兩個頁面切換時並不會觸發created或者mounted鉤子。this

方法一:經過watch $route的變化來作處理code

watch: {
    $route() {
      if (this.$route) {
        ...
      }
    }
},

方法二:在 router-view上加上一個惟一的key,來保證路由切換時都會從新渲染觸發鉤子router

<router-view :key="key"></router-view>路由

computed: {
    key() {
        return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date()
    }
 }
相關文章
相關標籤/搜索