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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
JavaScript 事件记录使用说明
Oct 20 Javascript
JS运行耗时操作的延时显示方法
Nov 19 Javascript
利用Keydown事件阻止用户输入实现代码
Mar 11 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
用户代理字符串userAgent可实现的四个识别
Sep 20 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
获取JS中网页各种高宽与位置的方法总结
Jul 27 Javascript
Vue.js图片预览插件使用详解
Aug 27 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
vue如何实现动态加载脚本
Feb 05 Javascript
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 Vue.js
交互式可视化js库gojs使用介绍及技巧
Feb 18 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
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
提示$ is not defined错误分析及解决
2013/04/09 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
2014/07/23 Javascript
js使用removeChild方法动态删除div元素
2014/08/01 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
jQuery.parseHTML() 函数详解
2017/01/09 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
[01:03:36]Ti4 循环赛第三日DK vs Titan
2014/07/12 DOTA
[16:19]教你分分钟做大人——风暴之灵
2015/03/11 DOTA
详解Python中的__new__()方法的使用
2015/04/09 Python
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
英国复古服装和球衣购买网站:3Retro Football
2018/07/09 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
英语演讲稿范文
2014/01/03 职场文书
爱的承诺书
2015/01/20 职场文书
仰望星空观后感
2015/06/10 职场文书
圣诞晚会主持词
2015/07/01 职场文书
关于环保的宣传稿
2015/07/23 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书