当前位置：移动技术网 > IT编程>脚本编程>vue.js > 解决vue-router在同一个路由下切换,取不到变化的路由参数问题

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

2018年09月21日 | 移动技术网IT编程 | 我要评论

odf箱,云南旅游路线,甜心求求你爱我

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

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

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

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

vue中使用vue-print.js实现多页打印

本文主要介绍了vue项目中使用print.js打印，解决多页，分页，打印预览样式修改等问题。引入安装vue-print.jscnpm i vue-printjs... [阅读全文]
Vue Router 实现动态路由和常见问题及解决方法

个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用... [阅读全文]
vue开发中遇到的问题总结

//工作中遇到的：（1）avoid mutating a prop directly since the value will be overwritten w... [阅读全文]
简单了解Vue + ElementUI后台管理模板

最近学习和项目都用到了vue和elementui，自己不是专业前端，搞这些ui上的东西还是有些难度，这里推荐两个vue + elementui后台管理模板vue... [阅读全文]
详解element上传组件before-remove钩子问题解决

应公司业务要求已上传文件删除前提醒确认代码如下 if(file && file.status === "success"){ r... [阅读全文]
加速vue组件渲染之性能优化

背景平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下：e... [阅读全文]
vue cli4下环境变量和模式示例详解

本文介绍了vue cli4下环境变量和模式示例详解，分享给大家，具体如下：环境变量一个环境变量文件只包含环境变量的键值对：node_env=developmen... [阅读全文]
vue使用微信扫一扫功能的实现代码

第一步：安装weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery第二部：配置wx.config... [阅读全文]
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)

1、点击按钮，实现微信扫一扫功能：<template> <a class="btn" @click="scan">扫一扫</a&... [阅读全文]
详解在Vue.js编写更好的v-for循环的6种技巧

在vuejs中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。在最基本的用法中，它们的用法如下。<ul> <li... [阅读全文]

网友评论


验证码：

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

2018年09月21日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论