Vue路由给每个页面添加参数【id为例子】全局路由前置守卫

to是跳转后的页面路由，from是跳转前的，next是必须要执行的，加上next路由才会跳转 replace跳转的时候拼参数next要添加replace true

this.$router.replace({ name: "Triping", query: { routerAction: 'replace' } }) // replace跳转的时候拼参数next要添加replace true let routerReplace = to.query.routerAction === 'replace' ? true : false;

next()与next(’/’)区别，前者不执行beforeEach导航钩子，后者会执行，故如果没有next()则会死循环

//导航钩子中编写哦 //判断该页面有id if(from.query.id){ //路由切换时，如果没有就添加，有就跳过执行，添加固定参数 if (!to.query.id) { //准备一个跳转的query对象 let query = to.query query.id = from.query.id || '' if (query.id) { next({ path: to.path, query: query }) } else { next() } } else { next() } }else{ next() }