vue-router在同一个路由下切换取不到变化的路由参数怎么解决

今天小编给大家分享一下vue-router在同一个路由下切换取不到变化的路由参数怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

成都创新互联专注于网站建设|成都网站维护公司|优化|托管以及网络推广，积累了大量的网站设计与制作经验，为许多企业提供了网站定制设计服务，案例作品覆盖社区文化墙等行业。能根据企业所处的行业与销售的产品，结合品牌形象的塑造，量身设计品质网站。

最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。

可以这样写：

watch: {
 '$route' (to, from) {
 //这样就可以获取到变化的参数了，然后执行参数变化后相应的逻辑就行了
 console.log(this.$route.query)
 }
}

为什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以创建可维护性和可测试性更强的代码库，Vue允许可以将一个网页分割成可复用的组件，每个组件都包含属于自己的HTML、CSS、JavaScript，以用来渲染网页中相应的地方，所以越来越多的前端开发者使用vue。

以上就是“vue-router在同一个路由下切换取不到变化的路由参数怎么解决”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。

文章名称：vue-router在同一个路由下切换取不到变化的路由参数怎么解决
路径分享：http://shouzuofang.com/article/pecjis.html