vue中push和resolve的区别

 import { useRouter } from 'vue-router';
      const route=useRouter()
      route.push({
      path:'/test',
      query:{
      name:1
      }
      })

 import { useRouter } from 'vue-router';
      const route=useRouter()
      const url=route.resolve({
      path:'/test',
      query:{
      name:1
      }
      })
      window.open(url.href)

比较上述代码会发现,resolve能实现跳转到新的窗口,通过使用open方法,但是push不能跳转到新的页面,只能在原页面进行操作.

同时如果不想在地址栏里传参,也可以通过localstorage来进行本地存储,也能获取到参数.

比如:
原页面传参

 import { useRouter } from 'vue-router';
      const route=useRouter()
      const url=route.resolve({
      path:'/test'
      })
      localStorage.setItem('name', 1);
      window.open(url.href)

新页面接收参数时

let namDemo=localStorage.getItem('name')