Javascript

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> 实现路由跳转)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航