携带不同参数跳转至当前路由,刷新页面并获取该参数
借助空页面实现
例如:由 /detail?id=1
跳转至 detail?id=2
detail.vue
export default {
methods: {
test() {
this.$router.push({
path: '/empty',
query: {
router: '/detail?id=2'
}
})
}
},
created() {
console.log(this.$route.query);
}
}
empty.vue
空白页面(该页面需要再路由表里添加对应的路由)
export default {
created() {
// 重定向
this.$router.replace(this.$route.query.router)
}
}
仅跳转至当前路由,参数不变
使用router.go
可完美解决
注意:使用这种方法,原有的路由会消失(被替换)
test() {
this.$router.go(0)
}