vue使用this.$router.push怎么实现页面跳转
时间: 2023-11-15 10:00:35 浏览: 563
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
5星 · 资源好评率100%
在Vue中,可以使用this.$router.push()方法实现页面跳转。该方法可以接受一个路由对象或者一个字符串路径作为参数。如果传递的是路由对象,可以使用name、path、params、query等属性来指定跳转的目标路由。如果传递的是字符串路径,则直接跳转到该路径对应的路由。
下面是几个使用this.$router.push()方法实现页面跳转的例子:
1. 使用组件名称跳转:
this.$router.push({name: 'CreateComponents', params: {componentId}})
2. 使用组件路径跳转:
this.$router.push(`/basic-comp-mgt/comps-detail/${componentId}`)
3. 带参数名+参数值跳转:
return this.$router.push({ name: 'task-instance', query: {'pageSize': 10, 'pageNo':1, 'searchVal':item.collectConfName } })
--相关问题--:
1. Vue中还有哪些常用的路由跳转方法?
2. 如何在Vue中实现路由传参?
3. Vue路由中的导航守卫有哪些?
阅读全文