vue3路由跳转页面
时间: 2023-11-16 08:00:47 浏览: 177
vue路由拦截及页面跳转的设置方法
5星 · 资源好评率100%
Vue3中的路由跳转页面可以通过以下方式实现:
1. 在template中使用$router.push()方法进行跳转,例如:$router.push('/home')。
2. 在template中使用RouterLink组件进行跳转,例如:<RouterLink to="/home">home页面</RouterLink>。
3. 在template中使用RouterLink组件进行跳转并传递参数,例如:<router-link :to="{name:'home', params: {id:1}}">跳转到home页面并传递参数id=1</router-link>。
4. 在template中使用RouterLink组件进行跳转并传递参数,例如:<router-link :to="{name:'home', query: {id:1}}">跳转到home页面并传递参数id=1</router-link>。
5. 在JS代码中使用$router.push()方法进行跳转,例如:this.$router.push('/home')。
阅读全文