router传参跳转页面name

您可以通过以下方法在路由中传递参数并跳转到目标页面：

1. 使用动态路由参数：
在定义路由时，使用冒号(:)来指定参数的名称。例如，假设您要传递一个名为"name"的参数，可以这样定义路由：

{
  path: '/target/:name',
  name: 'target',
  component: TargetComponent
}

然后，通过在`to`属性中指定参数的值来跳转到目标页面：

<router-link :to="'/target/' + paramName">跳转到目标页面</router-link>

或者通过编程方式进行跳转：

this.$router.push({ path: '/target/' + paramName });

在目标页面中，您可以通过`this.$route.params.name`来访问传递的参数值。

2. 使用查询字符串参数：
在定义路由时，不使用动态路由参数，而是使用查询字符串参数。例如，假设您要传递一个名为"name"的参数，可以这样定义路由：

{
  path: '/target',
  name: 'target',
  component: TargetComponent
}

然后，在跳转时通过`to`属性指定查询字符串参数的键值对：

<router-link :to="{ path: '/target', query: { name: paramName }}">跳转到目标页面</router-link>

或者通过编程方式进行跳转：

this.$router.push({ path: '/target', query: { name: paramName }});

在目标页面中，您可以通过`this.$route.query.name`来访问传递的参数值。

希望能帮到您！如有更多问题，请随时提问。