Vue路由给每个页面添加参数

    if (to.query.company) {
      next();
      return;
    }
    if (from.query.company) {
      let query = to.query;
      let other = JSON.parse(Cookies.get("query"));
      for (var key in other) {
        query[key] = other[key];
      }
      console.log(query);
      next({
        path: to.path,
        query: query
      });
    } else {
      next();
    }

这样写每个页面是都加上需要的参数的了，但是跳转的时候会报错   Redircted when going from "" to "" via a navigation guard

最终 重写push replace 解决

const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject)
    return originalPush.call(this, location, onResolve, onReject);
  return originalPush.call(this, location).catch(err => err);
};
const originalReplace = VueRouter.prototype.replace;
VueRouter.prototype.replace = function replace(location) {
  return originalReplace.call(this, location).catch(err => err);
};

最后

以上就是搞怪金鱼为你收集整理的Vue路由给每个页面添加参数的全部内容，希望文章能够帮你解决Vue路由给每个页面添加参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。