当前位置:网站首页 > Vue.js开发 > 正文

vue获取当前页面路由

获取当前页面路由

  • 完整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

到此这篇vue获取当前页面路由的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • VUE报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent及解决方案2024-11-30 11:09:05
  • vue组件实现全屏倍速视频播放功能2024-11-30 11:09:05
  • vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染2024-11-30 11:09:05
  • VUE防止路由重复点击报错2024-11-30 11:09:05
  • VUE手写实现移动端el-table组件2024-11-30 11:09:05
  • vue让跳转路由参数不在地址栏显示2024-11-30 11:09:05
  • vue.js中的computed计算属性如何传递参数2024-11-30 11:09:05
  • vue3.0视频播放插件实现全屏倍速等(vue-vedio-player)2024-11-30 11:09:05
  • VUE报错: Avoided redundant navigation to current location【解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题】2024-11-30 11:09:05
  • 查看项目中vue版本以及@vue/cli版本2024-11-30 11:09:05
  • 全屏图片