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

2023-06-25,

今天小编给大家分享一下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在同一个路由下切换取不到变化的路由参数怎么解决.doc》

下载本文的Word格式文档,以方便收藏与打印。