Vue路由跳转传参后无法清空地址栏参数问题解决

Vue路由跳转传参后无法清空地址栏参数问题解决

使用的路由模式是history，通过以下方式进行跳转传参

proxy.$router.push({ path: '/performance/index', query: { name: '小明', id: '1'} })

这样跳转后路由和地址栏将变成 /performance/index?name=小明&id=1
因为页面有用到路由参数，但是这样刷新的话，参数会一直携带在路由上，就会刷新了页面还会处理这些参数。
刚开始，通过proxy.$route.quey = {} ，proxy.$route.quey = null，proxy.$router.push({ path: '/performance/index'})方法尝试过，路由参数确实没了，但是地址栏上还是会携带参数，最后通过网上查阅找到了解决办法：

 const path = proxy.$route.path
 proxy.$router.push(path)