Vue-router两种方法传递参数

原创于 2022-06-08 13:50:33 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

前端开发问题记录专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了Vue-router中两种参数传递方法：使用query和params。通过query传递参数，参数会显示在URL中，且在刷新页面后仍能保留；而params传递的参数则不会显示在URL，但刷新页面后会丢失。了解这两种方式的差异对于优化前端路由管理至关重要。

问题描述

Vue-router两种方法传递参数

第一种
传递参数 this.$router.push({path: ' 路由 ', query: {key: value}})
参数取值 this.$route.query.key

第二种
传递参数 this.$router.push({name: ' 路由的name ', params: {key: value}})
参数取值 this.$route.params.key