vue3 router push

作者：躲藏我的霸气发布日期:2025-04-20 浏览:100

// 使用 Vue Router 的 push 方法进行路由跳转

// 引入 Vue Router
import { useRouter } from 'vue-router';

export default {
  setup() {
    // 获取路由器实例
    const router = useRouter();

    // 定义一个方法来进行路由跳转
    const navigateToPage = () => {
      // 使用 push 方法进行导航
      router.push({ name: 'targetRouteName', params: { id: 123 } });
      // 或者使用路径字符串进行导航
      // router.push('/path/to/target');
    };

    return {
      navigateToPage
    };
  }
};

解释说明：

useRouter 是 Vue Router 提供的组合式 API，用于在组件中获取路由器实例。
router.push 方法用于导航到不同的 URL。它可以接受一个对象或一个字符串作为参数。
- 如果传递一个对象，可以指定 name 和 params 来进行命名路由的跳转。
- 如果传递一个字符串，则直接导航到指定的路径。
在这个示例中，我们定义了一个 navigateToPage 方法，它会在调用时触发路由跳转。

上一篇：vue component组件

下一篇：vue form