欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue通过代码进行路由的跳转

程序员文章站 2022-03-04 10:46:02
...

vue-router 中并不一定要通过router-link才能实现路径的跳转

可以自定义元素节点,给元素节点添加点击事件和方法,在方法里面通过适当的方式,来改变vue当前的路由,从而实现vue路由的单页面响应

<button @click="home">home</button>
<button @click="about">about</button>

通过处理点击事件,利用this.$router.replace()方法,来改变当前的路由

var vm = new Vue({
	el:'root',
	methods:{
		home:function(){
			this.$router.replace('/home')
			//this.$router.push('/home')
		},
		about:function(){
			this.$router.replace('/about')
			//this.$router.push('/about')
		}
	}
})