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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
jquery.ui.draggable中文文档
Nov 24 Javascript
jquery 全局AJAX事件使用代码
Nov 05 Javascript
基于jQuery的history历史记录插件
Dec 11 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
浅谈Vuejs Prop基本用法
Aug 17 Javascript
详解如何快速配置webpack多入口脚手架
Dec 28 Javascript
超简单的微信小程序轮播图
Nov 22 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
JavaScript获取时区实现过程解析
Sep 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
Body是什么,该怎么喝出咖啡里的口感
2021/03/03 咖啡文化
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
2019/09/25 Javascript
JS如何实现动态添加的元素绑定事件
2019/11/12 Javascript
vue在线动态切换主题色方案
2020/03/26 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
python中plot实现即时数据动态显示方法
2018/06/22 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
详解Python打包分发工具setuptools
2019/08/05 Python
Python绘制股票移动均线的实例
2019/08/24 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
实习生个人找工作的自我评价
2013/10/30 职场文书
小学教师国培感言
2014/02/08 职场文书
党务公开方案
2014/05/06 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
被告代理词范文
2015/05/25 职场文书
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python