Vue3路由传参

发表于： 2023-06-16 分类于：前端

字数： 157 阅读：≈ 1分钟

方法1：页面刷新数据不会丢失

路由

export default {
    path: '/product/:productId',
    name: 'product',
    component: Product
}

传入方

import router from "@/router/index.js";

router.push("/product/" + productId)

接收方

import router from "@/router/index.js";

let productId = router.currentRoute.value.params.productId

路由

export default {
    path: '/product',
    name: 'product',
    component: Product
}

传入方

import router from "@/router/index.js";

router.push({
    path: '/product',
    query: {
        productId: productId
    }
})

接收方

import router from "@/router/index.js";

let productId = router.currentRoute.value.query.productId