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