vue获取当前页面路由

当前页面完整url可以用 window.location.href路由路径可以用 this.$route.path路由路径参数 this.$route.params判断当前路由不匹配时跳转if(this.$route.path!='/Home'){this.$router.push({path:'/Home',})}...

前端杨小白

21096人浏览 · 2020-08-10 16:40:51

前端杨小白 · 2020-08-10 16:40:51 发布

获取当前页面路由

完整url可以用 window.location.href
路由路径可以用 this.$route.path
路由路径参数 this.$route.params

判断当前路由不匹配时跳转

if(this.$route.path!='/Home'){
    this.$router.push({
        path:'/Home',
    })
}

vue $router和$route的区别

route相当于当前正在跳转的路由对象可以从里面获取name,path,params,query等

打印this.$route和this.$router

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport