vue 路由跳转方式路由间跳转、打开新页面

最新推荐文章于 2024-08-07 14:59:47 发布

杂草沫

最新推荐文章于 2024-08-07 14:59:47 发布

阅读量470

点赞数

分类专栏： vue 前端 javascript 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/StacyMo/article/details/115660557

版权

34 篇文章 0 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

17 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue.js中两种路由跳转方式：使用`query`和`params`在路由间进行平滑跳转，以及如何利用`$router.resolve`打开新页面。通过`query`传递的参数会显示在URL，而`params`则不会。同时，展示了在新窗口打开页面的实现代码。

摘要由CSDN通过智能技术生成

一、路由间跳转
1. query （所传参数在url中显示）

this.$router.push({
      // 路由
      path:'/xxx',  
      // 参数
      query:{
        id:1,
      }
    })

2.params （所传参数不在url中显示）

  this.$router.push({
      name:'xxx',  
      // 参数
      params:{
        id:1,
      }
    })

二、路由跳转（打开新页面）

    let newpage = this.$router.resolve({
      path: '/xxx',
      query: {
        id: 1,
      },
    })
    window.open(newpage.href, '_blank')

关注

专栏目录

vue 路由跳转方式 路由间跳转、打开新页面