Vue在同一个页面的组件中向页面的URL增加参数

最新推荐文章于 2023-09-27 14:41:25 发布

记得抬头微笑

最新推荐文章于 2023-09-27 14:41:25 发布

阅读量4.3k

点赞数 2

分类专栏：原生JS JS Vue 文章标签： vue js javascript

本文链接：https://blog.csdn.net/qq_40146638/article/details/106826263

版权

原生JS 同时被 3 个专栏收录

32 篇文章 2 订阅

订阅专栏

32 篇文章 0 订阅

订阅专栏

Vue

16 篇文章 0 订阅

订阅专栏

场景复现: 在Vue中使用多个组件（模块）的时候，需要动态的去改变url的参数，以便保证用户刷新的同时，依然停留在当前访问的地方，且页面不会重载 / 刷新。

const query = this.$route
let path = query.path
let query = query.query // 这里可以用Vue的方法获取参数，也可以用正则的方法获取url中的参数

// !!!!不推荐使用push的方式进行更新路由参数这样会增加路由的历史记录 (浏览器的后退键被破坏)
// this.$router.push({path, query})

 
// 推荐使用
this.$router.replace({path, query}) // 更新url上面的内容，且页面不会重载 / 刷新