当前位置: 首页 > 知识库问答 >
问题:

前端 - 使用nuxt3 页面跳转传参 目标页面接收不到参数 怎么回事?

堵浩波
2023-04-27

页面能跳转 但是参数为空 必须使用动态参数才行但是动态参数 传多个参数又很麻烦 有什么好办法吗

const router = useRouter();
router.push({ name: 'ebook-upload', params: { id: 1 } });
或
return navigateTo({
    path: '/ebook/upload',
    params: {
        id: 666
    }
})


目标页面
const route = useRoute()
console.log("=====当前路由======",route.params.id) //接收不到

把目录改成这样就可以了 有别的方法吗
image.png

共有1个答案

乐华晖
2023-04-27

是这样传多个参数么?
image.png

 类似资料:
  • 本文向大家介绍Angular 页面跳转时传参问题,包括了Angular 页面跳转时传参问题的使用技巧和注意事项,需要的朋友参考一下 首先,你需要已经配置过你的rout,比如: 其中注意第二个地址信息中的params属性,这个就是你要接受参数的对象,以key :value的形式定义 而在跳转页面时,两个方法都可以传参,一种是直接写在html中 此时传参跟在页面地址的后面 第二种就是写在control

  • 本文向大家介绍在Js页面通过POST传递参数跳转到新页面详解,包括了在Js页面通过POST传递参数跳转到新页面详解的使用技巧和注意事项,需要的朋友参考一下 场景 最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL(b.htm),跳转到新的页面 b.htm。 遇到的问题 因为一开始是 GET 请求,所以当传递的数据过大的时候,会报错

  • 我试图从这个胸腺页发送一个参数 然后我尝试使用此代码接收参数() 问题是当的值类似于我在方法中收到的makeAndSendInVoice只是 它不会向我发送部分 我该怎么修?

  • 如题,各位我有一个项目,现在有一个需求,在弹出窗口中跳转到一个选择页面,选择完成之后返回原来的页面,如何保持原来的页面状态不变? 尝试过使用keep-alive但是效果不理想。 请问有什么办法,或者什么思路! 备注:页面都是同一个站点的

  • 本文向大家介绍微信小程序页面传多个参数跳转页面的实现方法,包括了微信小程序页面传多个参数跳转页面的实现方法的使用技巧和注意事项,需要的朋友参考一下 这里举例跳转两个参数 传递多少个也可以 这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap 在index.js 在 data 里我写的是假数据 在跳转页面的函数里传e 后面定义的东西根据e来确定 可以在con

  • 在普通的web开发中,参数传递有这么几种形式: url: /another_page?id=3 表单: <form>...</form> 在vuejs中,不会产生表单的提交(这会引起页面的整体刷新). 所以有两种: url . 同传统语言. vuejs 内部的机制.(无法在url 中体现,可以认为是由js代码隐式实现的) 我们用一个实际的例子说明. 我们之前实现了 "博客列表页",接下来我们要实现