vue2 路由参数相关记录

• query参数修改

import merge from "webpack-merge";
...
this.$router.push({
    query: merge(this.$route.query, { xxx: yyy})
});

• 修改当前路由并带上query参数

this.$router.push({
    path: "/zzz",
    query: {
        xxx: yyy,
        www: zzz
    }
});

• 获取query参数

this.$route.query.xxx

• 监控某个路由参数的变化

watch: {
"$route.query.xxx": function(xxx) {
}

}

参考:

https://blog.csdn.net/qq_36090127/article/details/102950095

https://blog.csdn.net/sllailcp/article/details/80312848

https://github.com/vuejs/vue-router/issues/463

https://forum.vuejs.org/t/vue-router-programmatically-append-to-querystring/3655

https://stackoverflow.com/questions/40382388/how-to-set-url-query-params-in-vue-with-vue-router