Vue动态替换路由-Url参数

2019-11-04  本文已影响0人  桃花谷主V

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

猜你喜欢

热点阅读