vue 改变路由（URL）参数不刷新页面

this.$router.push({
    name:'/detail',
    query:{
    	id:123
    }
})
1
2
3
4
5
6

import merge from 'webpack-merge';
 
//修改原有参数        
this.$router.push({
    query:merge(this.$route.query,{'id':1})
})
 
//新增一个参数：
this.$router.push({
    query:merge(this.$route.query,{'addtype':'add'})
})
 
//替换所有参数：
 this.$router.push({
    query:merge({},{'type':'all'})
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

会导致

this.$router.back()   //失效
1

通过这样跳转

this.$router.push({
    name:'/page',
})
1
2
3