query传参刷新页面参数丢失

问题遇到的现象和发生背景

vue3 +TS,路由用query传参,刷新后,参数丢失

遇到的现象和发生背景,请写出第一个错误信息

跳转代码

用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%
router.push({ name: 'ExtendedAttributes', query: { type: '1' } })

跳转后的页面url

img

运行结果及详细报错内容

刷新后参数丢失:

img

我的解答思路和尝试过的方法,不写自己思路的,回答率下降 60%

请问一下这是是什么情况,该怎么解决

我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”

看着写的没毛病啊,用的也是query。

query必须使用path进行传参。刷新页面后参数不会丢失。 你把name 改了

this.$router.push({
   path:'/detail',
   query:{
       id:id
   }
})
 
// 详情页获取参数
this.$route.query.id


要不用原生试试?实在不行就给他存起来,然后再显示到地址栏上,jq现在都快淘汰了,可能哪里改了吧



this.$router.push({ path: '/extendedAttributes', query: { type: '1' } })

写法没问题啊,应该是其它地方把query清除了把。看看路由守卫那边

写的没问题,找找其他可能出现问题的点。

有没有路由拦截的地方,做了参数调整;