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或本地存储来实现浏览器