路由-route

最新推荐文章于 2024-09-30 15:42:36 发布

从未转生的史莱姆

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量161

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/SYQ15544423296/article/details/126174634

版权

通过路由实现页面的跳转&获取值

3种方式以及注意的问题：

1、使用js通过路径方式跳转页面

    // 使用js 通过路径方式跳转页面
      this.$router.push("/about");
      this.$router.push("/about?name=zhangsan&age=30")

2、通过path的方式传值

  // 通过path的方式传参，传过去的30是字符串类型
        path: "/about",
        query: {
          name: "zhangsan",
          age: 30
        }

3、通过name的方式传值

   // 通过name传值
      this.$router.push({ name: "about" });
      // name的方式传参数，传过去的30是数字类型
      this.$router.push({
        name: "about",
        query: {
          name: "zhangsan",
          age: 30
        }
      });