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


Posted in Javascript onSeptember 01, 2018

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

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

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

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

Javascript 相关文章推荐
jquery动态加载js三种方法实例
Aug 03 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
Mar 02 Javascript
js判断iframe中元素是否存在的实现代码
Dec 24 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
Jan 09 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
如何在 Vue 表单中处理图片
Jan 26 Vue.js
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中apc缓存使用示例
2013/12/25 PHP
php常用数组array函数实例总结【赋值,拆分,合并,计算,添加,删除,查询,判断,排序】
2016/12/07 PHP
浅谈php://filter的妙用
2019/03/05 PHP
php精度计算的问题解析
2019/06/21 PHP
php生成微信红包数组的方法
2019/09/05 PHP
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python中正则表达式的用法实例汇总
2014/08/18 Python
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
Pytorch to(device)用法
2020/01/08 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
如何在django中运行scrapy框架
2020/04/22 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
html Table 表头固定的实现
2019/01/22 HTML / CSS
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
稽核岗位职责
2015/02/10 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs