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

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

一、路由间跳转
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')