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')
