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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
js浮动图片的动态效果
Jul 10 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 Javascript
vue各种事件监听实例(小结)
Jun 24 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
深入了解php4(1)--回到未来
2006/10/09 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php数组随机排序实现方法
2015/06/13 PHP
PHP实现QQ登录实例代码
2016/01/14 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
基于jQuery的history历史记录插件
2010/12/11 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
Python基础之函数用法实例详解
2014/09/10 Python
Python字符串中查找子串小技巧
2015/04/10 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
python opencv实现运动检测
2018/07/10 Python
Python中psutil的介绍与用法
2019/05/02 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
大学生个人事迹材料
2014/01/21 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
实习公司领导推荐函
2014/05/21 职场文书
大学生创业计划书
2014/08/14 职场文书
机关作风整顿个人整改措施2014
2014/09/17 职场文书
JS如何使用剪贴板操作Clipboard API
2021/05/17 Javascript
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android
javascript函数式编程基础
2021/09/15 Javascript