vue刷新當前頁面從新傳遞參數

在vue中碰到了須要刷新當前頁面並傳遞從新params參數的需求。
咱們能夠進入空白頁再在空白頁跳轉回到上一個頁面實現需求
javascript

首先在空白頁寫上路由守衛beforeRouteEnter，在beforeRouteEnter中獲取到上一個路由，直接跳轉回去vue

//空白頁面
export default {
  beforeRouteEnter(to, from, next) {
    next((xq) => {
    //要注意，必須使用this.$router.replace而非this.$router.push
    //若是使用的是this.$router.push會致使，進入過空白頁以後，經過瀏覽器的後退鍵，沒法實現頁面後退的bug現象
      xq.$router.replace({
          path:"/messg",
      });
    });
  },
};

在須要刷新的頁面中經過this.$router.replace跳轉到空白頁java

clk(id) {
  //把要傳遞的參數存放在vuex或者本地存儲中
    this.$store.dispatch("ADDIDS",id)
    this.$router.replace({
      path: "/refresh",
    });
  },

最後在params傳遞的參數中寫上vuex

params: {
        iid: id || this.$store.state.id,
      }

頁面回退並傳遞參數也能夠使用vuex或本地存儲來實現瀏覽器