美文网首页
Vue动态替换路由-Url参数

Vue动态替换路由-Url参数

作者: 桃花谷主V | 来源:发表于2019-11-04 09:33 被阅读0次

动态替换和修改URL的参数,可使用webpack-merge包来完成。

1、安装webpack-merge

  npm install webpack-merge --D

2、引入包

import merge from 'webpack-merge'

3、操作参数

  • 新增
// 新增一个id
 this.$router.push({
    query:merge(this.$route.query,{'id':'123'})
})
  • 修改
// 修改id
this.$router.push({
    query:merge(this.$route.query,{'id':'456'})
})
  • 替换
// 替换所有参数为userId
this.$router.push({
    query:merge({},{'userId':'xxx123456'})
})

相关文章

网友评论

      本文标题:Vue动态替换路由-Url参数

      本文链接:https://www.haomeiwen.com/subject/bnerbctx.html