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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
jQuery简单实现图片预加载
Apr 20 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
开启BootStrap学习之旅
May 04 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
May 31 Javascript
JS实现获取当前URL和来源URL的方法
Aug 24 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
Dec 06 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 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
多文件上传的例子
2006/10/09 PHP
十天学会php之第五天
2006/10/09 PHP
php5 and xml示例
2006/11/22 PHP
优化使用mysql存储session的php代码
2008/01/10 PHP
mysql总结之explain
2012/02/27 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
ThinkPHP实现登录退出功能
2017/06/29 PHP
Javascript 原型和继承(Prototypes and Inheritance)
2009/04/01 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
js实现(全选)多选按钮的方法【附实例】
2016/03/30 Javascript
简单实现node.js图片上传
2016/12/18 Javascript
超全面的javascript中变量命名规则
2017/02/09 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
Python内置模块logging用法实例分析
2018/02/12 Python
Python创建或生成列表的操作方法
2019/06/19 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
韩国11街:11STREET
2018/03/27 全球购物
团队精神演讲稿
2013/12/31 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
2015年材料员工作总结
2015/04/30 职场文书
2016年党员创先争优承诺书
2016/03/25 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript