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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
Apr 10 Javascript
一个简单的Node.js异步操作管理器分享
Apr 29 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
探究JavaScript函数式编程的乐趣
Dec 14 Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 Javascript
Javascript中的arguments对象
Jun 20 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
js实现数字跳动到指定数字
Aug 25 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
fgetcvs在linux的问题
2012/01/15 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
python魔法方法-属性转换和类的表示详解
2016/07/22 Python
python实现的多线程端口扫描功能示例
2017/01/21 Python
浅析Git版本控制器使用
2017/12/10 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
详解python中递归函数
2019/04/16 Python
python日期相关操作实例小结
2019/06/24 Python
python numpy 反转 reverse示例
2019/12/04 Python
Python中and和or如何使用
2020/05/28 Python
pytorch中index_select()的用法详解
2021/01/06 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
美国知名艺术画网站:Art.com
2017/02/09 全球购物
静态成员和非静态成员的区别
2012/05/12 面试题
大学生就业自荐信
2013/10/26 职场文书
保密承诺书范文
2014/03/27 职场文书
社团活动总结怎么写
2014/06/30 职场文书
2014年消防工作总结
2014/11/21 职场文书
python中pycryto实现数据加密
2022/04/29 Python
python中pd.cut()与pd.qcut()的对比及示例
2022/06/16 Python