Vue动态替换路由-Url参数

动态替换和修改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'})
})