我是靠谱客的博主 感动发带,这篇文章主要介绍vue系列:跳转同一个路由如何替换url后的参数,现在分享给大家,希望可以做个参考。

问题

当我们 vue 想要跳转到同一个路由,比如当前在路由 A,并携带了参数,然后想要还在路由 A,但是后面的参数变化怎么办呢?

解决

只要不填 path 参数就会默认跳到当前路由上

this.$router.replace({
  query: {
    code: 12
  }
})

比如你目前的 url 是 https://xxx.com?code=11,执行上面的命令就可以变为
https://xxx.com?code=12

当然你也可以用 push 代替 replace

衍生方案

npm install webpack-merge --D
import merge from 'webpack-merge'

// 新增or修改一个id
this.$router.push({
   query: merge(this.$route.query,{'id':'123'})
})

// 替换所有参数为userId
this.$router.push({
    query:merge({},{'userId':'xxx123456'})
})

最后

以上就是感动发带最近收集整理的关于vue系列:跳转同一个路由如何替换url后的参数的全部内容,更多相关vue系列:跳转同一个路由如何替换url后内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部