vue3 路由跳转target取值

在 Vue3 中，路由跳转通常通过 `this.$router.push` 或者 `this.$router.go` 方法完成，这里的 "target" 可能是指目标路径、查询参数或者选项对象中的 `name` 属性等。如果你想指定特定的目标元素作为导航的目标，可以考虑以下几种情况：

1. **路径字符串**：

   this.$router.push('/your-target-url');

2. **命名路由**：
如果你已经为某个路由配置了名称，你可以使用 `name` 字段：

   this.$router.push({ name: 'yourRouteName' });

3. **包含查询参数**：

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

4. **使用动态路由匹配**：
对于动态路由，例如 `{path: '/users/:userId'}`，你可以传递参数到 `params` 对象：

   this.$router.push({ path: '/users/:userId', params: { userId: 'someId' } });

5. **目标元素引用（Vue Router v4+）**：
使用 Vue Router 的 `<router-view>` 组件配合 `ref`，可以直接跳转到当前页面内的某个子组件：

   const childView = ref(null);
   childView.value.$router.push('/your-target');

记得在组件注册完成后获取引用，因为 `<router-view>` 默认是异步更新的。