解决vue-router在同一个路由下切换,取不到变化的路由参数问题
更新时间：2018年09月01日 12:20:53 作者：sanstu
今天小编就为大家分享一篇解决vue-router在同一个路由下切换,取不到变化的路由参数问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
最近用vue写项目的时候碰到一个问题，在同一个页面下跳转，路由地址不变，路由参数有变化，一开始只是在data里取路由的参数，发现根本取不到变化的路由参数。
在网上查找了一番后发现可以这样写：
watch: {
'$route' (to, from) {
//这样就可以获取到变化的参数了，然后执行参数变化后相应的逻辑就行了
console.log(this.$route.query)
}
}
以上这篇解决vue-router在同一个路由下切换,取不到变化的路由参数问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue实现侧边定位栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
前端低代码form-generator实现及新增自定义组件详解
这篇文章主要给大家介绍了关于前端低代码form-generator实现及新增自定义组件的相关资料,form-generator是一个开源的表单生成器,可以帮助我们快速构建各种表单页面,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了写给新手同学的vuex快速上手指北小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要介绍了vue2.0移动端滑动事件vue-touch的实例代码,需要的朋友可以参考下2018-11-11
在 Vue 项目中引入自定义字体文件,可以通过多种方式实现,这取决于你的项目结构、构建工具以及字体文件的来源,本文将详细介绍如何通过不同方法引入本地字体文件以及从外部引入字体,需要的朋友可以参考下2024-10-10
为了防止用户在网络不好或者其他情况下短时间内重复进行接口请求，重复发送多次请求，本文主要介绍了Vue中Axios中取消请求及阻止重复请求的方法，感兴趣的可以了解一下2022-02-02
这篇文章主要介绍了vue+element tree懒加载更新数据,文中给大家补充介绍了Vue Element Ui 树形表懒加载新增、修改、删除等操作后局部数据更新的详细代码，感兴趣的朋友跟随小编一起看看吧2022-09-09
大前端代码重构之事件拦截iOS Flutter Vue示例分析
这篇文章主要为大家介绍了大前端代码重构之事件拦截iOS Flutter Vue示例分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要为大家介绍了vue+G6图形化实现功能示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
当我们未设置keepAlive的最大缓存数时,当缓存组件太多,会导致内存溢出,本文给大家介绍了vue3手动删除keepAlive缓存的方法,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2024-03-03
最新评论