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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
JavaScript 学习笔记(十三)Dom创建表格
Jan 21 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
详解wow.js中各种特效对应的类名
Sep 13 Javascript
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
Vue 3.0 全家桶抢先体验
Apr 28 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
Aug 17 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
用PHP+java实现自动新闻滚动窗口
2006/10/09 PHP
PHP的autoload自动加载机制使用说明
2010/12/28 PHP
PHP数组排序函数合集 以及它们之间的联系分析
2013/06/27 PHP
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
通过代码实例解析PHP session工作原理
2020/12/11 PHP
JS删除数组元素的函数介绍
2013/03/27 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
vue 组件高级用法实例详解
2018/04/11 Javascript
Js经典案例的实例代码
2018/05/10 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
vue实现计算器功能
2020/02/22 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
在Python下进行UDP网络编程的教程
2015/04/29 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
python脚本定时发送邮件
2020/12/22 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
Bata印度官网:源自欧洲舒适鞋履品牌
2020/01/30 全球购物
EJB实例的生命周期
2016/10/28 面试题
化学学院毕业生自荐信范文
2013/12/17 职场文书
孝老爱亲模范事迹
2014/01/24 职场文书
情侣吵架检讨书
2014/02/05 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
检讨书怎么写?
2019/06/21 职场文书
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server