在 VueX 3.0.1 中,可以使用以下代码实现编程式路由跳转携带参数:

this.$router.push({ 
  name: 'targetRoute', 
  params: { id: '123' } 
})

其中,'name' 为目标路由的名称,'params' 为要传递的参数,可以是一个对象。在目标路由中,可以通过 $route.params.id 来获取参数值。

另外,如果需要传递 query 参数,可以使用以下代码:

this.$router.push({ 
  path: '/targetRoute', 
  query: { id: '123' } 
})

其中,'path' 为目标路由的路径,'query' 为要传递的参数,也可以是一个对象。在目标路由中,可以通过 $route.query.id 来获取参数值。

VueX 3.0.1 编程式路由跳转及参数传递

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

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