vue路由参数的动态变换

250 阅读1分钟

1、安装依赖

`npm i webpack-merge`

2、引入

`import merge from 'webpack-merge'`

3、引用

 `this.$router.push({    //修改原有参数
    query:merge(this.$route.query,{
        '原有的参数':'需要动态替换的参数'
    })
})

this.$router.push({    //新增一个参数
    query:merge(this.$route.query,{
        '新增参数':'这是新增的参数'
    })
})

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

`