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


Posted in Javascript onSeptember 01, 2018

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

在网上查找了一番后发现可以这样写:

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

以上这篇解决vue-router在同一个路由下切换,取不到变化的路由参数问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
vue.js从安装到搭建过程详解
Mar 17 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
vue将单页面改造成多页面应用的方法
Nov 25 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 #jQuery
vue初始化动画加载的实例
Sep 01 #Javascript
jQuery解析json格式数据示例
Sep 01 #jQuery
vue+vue-router转场动画的实例代码
Sep 01 #Javascript
Vue-router 切换组件页面时进入进出动画方法
Sep 01 #Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 #Javascript
jQuery实现表格隔行换色
Sep 01 #jQuery
You might like
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
PHP 替换模板变量实现步骤
2009/08/24 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
ThinkPHP空模块和空操作详解
2014/06/30 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
用JQuery 实现的自定义对话框
2007/03/24 Javascript
javascript一点特殊用法
2008/05/28 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
用js来解决ajax读取页面乱码
2010/11/28 Javascript
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
完美的js div拖拽实例代码
2016/09/24 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
js处理层级数据结构的方法小结
2017/01/17 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
用Python设计一个经典小游戏
2017/05/15 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
Python实现 PS 图像调整中的亮度调整
2019/06/28 Python
Python秒算24点实现及原理详解
2019/07/29 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
英国伦敦的睡衣品牌:Asceno
2019/10/06 全球购物
医生实习工作总结的自我评价
2013/09/27 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
MySQL数据管理操作示例讲解
2022/12/24 MySQL