vue-router中使用push进行路由跳转时传参的问题

qq_31347253 2018-07-11 05:58:15

vue-router中使用push进行路由跳转时想要传参，若使用Path跳转则需要使用query传参，若使用name跳转则需要使用params传参，否则取得的参数为undefined

...全文

1544 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

bujianduandian 2020-01-30

打赏
举报

回复

经过 cnpm run build 测试了么?

钢铁加lulu 2018-07-18

打赏
举报

回复

我使用name和query传参是可以的。你可以参考下:

vue-router路由跳转的传参方式

vue3路由官方文档，vue3路由文档，vue-router4官方文档，使用Vite构建Vue3项目,对路由VueRouter，Vue3中VueRouter4路由的配置，vue3-vueRouterv4.x，vue3中vue-router4基本使用(路由基本配置)，Vue3-Router@4.x使用，vue-router4.x教程，Vue3中基于vue-router4的路由配置与使用的简单示例，Vue实战—路由轻松设置vue-router(3)，10分钟快速上手VueR

路由（英文： router）就是对应关系Hash 地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址：https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① 安装 vue-router 包② 创建路由模块③ 导入并挂载路由模块④ 声明路由链接和占位符2.1在项目中安装 vue-router。

传递参数 <script> import { useRouter } from "vue-router"; export default { setup() { const router = useRouter() const methods = { goMain() { router.push({ path: "/main", query: {

路由是SPA单页面应用中必不可少的一部分，学好路由的使用也是学习 Vue 这门框架必备的技能之一。今天就给大家分享一下vue-router 路由配置、跳转与传参。

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章