Vue刷新當前頁面

Vue刷新頁面

在vue項目換膚製作中，說到了，點擊切換ID來實現品牌數據的替換，但是有一點，我們的id是通過vuex中來計算的到的，這樣只有在頁面刷新的時候才能獲取最新的ID，這就需要我們在每次點擊按鈕切換的時候，都要刷新當前頁面。
我們可以通過在app.vue中綁定reload事件，通過provide傳遞出去。如下：

通過切換RIgthNav的顯示隱藏來調用需要切換的頁面。
現在我們需要在需要使用reload的頁面中註冊事件，然後在頁面中就可以調用this.reload了。

export const LoadingMixins = {
  data() {
    return {
      loading: true
    }
  },
  //  在當前頁面註冊reload事件。
  inject: ['reload'],
  methods: {
    showLoading: function() {
      this.loading = true
    },
    hideLoading: function() {
      this.loading = false
    }
  },
  computed: {
    brandId: function() {
      return this.$store.state.skin
    }
  },
}

這裏我們可以稍微優化下，因爲我們所有能切換品牌的頁面都需要註冊，所以，我就直接將這個方法註冊，放入了mixins中，在mixins中，我還實現了頁面加載的顯示隱藏，這裏可以在以後的文章中說明。