关于vue2.0中 $route和$router

最新推荐文章于 2023-03-18 09:53:49 发布
最新推荐文章于 2023-03-18 09:53:49 发布
阅读量64 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wsy6566/p/7772946.html
版权

今天在做项目的一个页面路由时，传参这里搞了一整天...... 明明记得this.$router.query（注意这里的query是从router-link中传的）。死活拿不到值。郁闷了一整天，后来才发现 应该是 this.$route.query，route不是router。

返回上一页 用的是this.$router.go(-1),而我错误的认为获取参数也是this.$router中取。其实是从this.$route中取。console发现 this.$route和this.$router这两个都存在

转载于:https://www.cnblogs.com/wsy6566/p/7772946.html

weixin_30568591
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
12-29
vue2.0在使用的过程中， .vue文件之间的跳转，在template中的常见写法是： <router to=/miniCard/statement/horizon> <button class=btn btn-default colorDe>继续</button> </router> 但是有时的...
$route 和 $router 的区别
qg2276879379的博客
09-24 1366
$route 和 $router 的区别 $route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。 2、$route.params 一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。 3.$route.query 一个 key/value 对象，表示 URL 查询参数。 例如
vue中的$route和$router
cmyh100的博客
02-01 955
vue中同时有这两个属性
$route和$router的区别
qq_48666244的博客
03-12 627
传参可以使用params和query两种方式。使用params传参只能用name来引入路由，即push里面只能是name:’xxxx’,不能是path:’/xxx’,因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！！！。使用query传参使用path来引入路由。params是路由的一部分,必须要在路由后面添加参数名。query是拼接在url后面的参数，没有也没关系。
$router和$route的区别
Songywaa的博客
11-17 5697
router router :是 VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，是一个全局对象，他包含了所有的路由包含了许多关键的对象和属性； 举例： history对象：\color{red}{history对象：}history对象：: $router.push({path:'home'}); //本质是向hi...
vue router2.0二级路由的简单使用
01-19
本文实例为大家分享了vue router2.0二级路由的具体代码，供大家参考，具体内容如下 1、app.vue中 <router></router> 2、router中index.js(路由的路径配置) import Vue from 'vue' import Router from 'vue...
Vue 2.0+Vue-router构建一个简单的单页应用（附源码）
12-04
目前Vue版本为：Vue2.0 官网地址：http://vuejs.org.cn/ 查看API文档：https://vuefe.cn/v2/api/ 对比其他框架：http://vuejs.org.cn/guide/comparison.html 二、环境搭建 我们使用vue-cli脚手架工具构建
使用vue-router设置每个页面的title方法
11-29
基本环境配置： webpack + vue2.0 + vue-router +nodeJS 进入 router 文件夹底下的index.js文件 首先引入： import Vue from 'vue' import Router from 'vue-router' 然后在路由里面配置每个路由的地址： routes: ...
详解vue-router2.0动态路由获取参数
01-19
一下demo演示2.0中的vue-router是如何获取到不同参数的，并在地址栏中匹配不同的信息 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Document</title>...
$route和$router的区别详解
Allen的博客
06-24 8719
$ router是用来操作路由的，$ route是用来获取路由信息的。他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history） 常用的跳转连接的方法： //常规方法 本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录 1.$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如 “/home/news” 。2.$route.params 对象，包含路由中的动态片段和全匹配片段的键值对。3.route.qu
$router和 $route的区别
zhaoyifei01的博客
03-18 463
/ 所以可以通过this.$route 和this.$router 获取路由对象。// 1、$router是路由的实例 是new出来的 $route路由的某个对象。// 在vue实例的prototype上挂载了$router和$route。// 3、$route相当于$router中的currentRoute。// 什么时候使用$route 什么时候使用$router?// $router 和$route 的区别。// 2、$route是$router的子集。// 因为在安装路由并初始化路由的时候。
vue2.0中的$router 和 $route的区别
anzhang5248的博客
09-18 117
1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。 2.route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等 $rout...
$router和$route区别
潮黯的博客
02-15 268
区别：router是通过“Vue.use(VueRouter)”和VueRouter构造函数得到一个实例对象，它是一个全局的对象。而route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象。route主要用于接收路由传递的参数。
$route和$router的区别？
m0_57071129的博客
04-01 546
可以理解为，一个是用来获取路由信息的，一个是用来操作路由的 $route route是路由信息对象，里面主要包含路由的一些基本信息，包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom $router router是VueRouter的实例，包含了一些路由的跳转方法，钩子函数等 ...
vue路由对象（$route）参数简介
01-18 1043
路由对象在使用了 vue-router 的应用中，路由对象会被注入每个组件中，赋值为 this.$route ，并且当路由切换时，路由对象会被更新。 so ,路由对象暴露了以下属性： 1.$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如 "/home/news" 。 2.$route.params 对象，包含路由中的动态片段和全匹配片段的键值对。 ...
vue中$route和$router有什么区别
最新发布
05-24
在Vue.js中，$route和$router都是用于处理路由的对象，但它们有一些区别。 1. $route是一个存储当前路由信息的对象，包括当前URL路径、参数、查询参数等信息。而$router是一个管理所有路由的对象，包括路由的定义、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值