Vue 的编程式路由跳转可以使用 '$router' 对象来实现。以下是常见的几种方式:

  1. 使用 '$router.push' 方法进行路由跳转:
this.$router.push('/home')
  1. 使用 '$router.replace' 方法进行路由跳转:
this.$router.replace('/home')
  1. 使用 '$router.go' 方法进行路由跳转:
this.$router.go(-1) // 后退一页

在以上代码中,'/home' 是目标路由地址。可以根据实际情况进行修改。如果需要传递参数,可以在路由地址中添加参数,例如:

this.$router.push('/home?id=1')

在目标组件中可以通过 '$route.query.id' 来获取传递的参数。

Vue 编程式路由跳转 - 详解及实例代码

原文地址: https://www.cveoy.top/t/topic/nujr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录