vue3.x 中 vue-router 传值方式

最新推荐文章于 2024-08-17 09:10:44 发布

qq_40030159

最新推荐文章于 2024-08-17 09:10:44 发布

阅读量1.5k

点赞数 1

本文链接：https://blog.csdn.net/qq_40030159/article/details/119432724

版权

本文详细介绍了在Vue3.x中使用vue-router进行Params和Query两种方式的传值，包括传值组件、路由配置和接收值的代码示例。强调了Params传值依赖路由的name属性，且当path未指定参数名时，刷新页面会导致值丢失。

摘要由CSDN通过智能技术生成

Params传值

path
params

Query传值

传值组件代码

/*此处是传值组件的html代码*/
<template>
    <div class="pathContaienr">
        <button @click="pathTransmission(65)"> path传值</button>
        <button @click="paramsTransmission(65)">params 传值</button>
        <button @click="queryTransmission(65)">query传值</button>
        <router-view />
    </div>
</template>