vue学习---编程式路由导航(不借助<router-link> 实现路由跳转)

本文主要是介绍vue学习---编程式路由导航(不借助<router-link> 实现路由跳转)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

.编程式路由导航

1. 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活

2. 具体编码：

   //$router的两个API
   this.$router.push({
   	name:'xiangqing',
   		params:{
   			id:xxx,
   			title:xxx
   		}
   })
   
   this.$router.replace({
   	name:'xiangqing',
   		params:{
   			id:xxx,
   			title:xxx
   		}
   })
   this.$router.forward() //浏览器记录前进
   this.$router.back() //浏览器记录后退
   this.$router.go() //浏览器记录可前进也可后退

这篇关于vue学习---编程式路由导航(不借助<router-link> 实现路由跳转)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！