我是靠谱客的博主 感动发带,最近开发中收集的这篇文章主要介绍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后的参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部