Javascript 如何在哈希模式下使用Vue路由器查询参数?

Javascript 如何在哈希模式下使用Vue路由器查询参数?,javascript,vue.js,vuejs2,vue-router,query-parameters,Javascript,Vue.js,Vuejs2,Vue Router,Query Parameters,我想访问Vue方法中的URL参数,而不是使用window.location.href和解析 路由器/index.js const路由器=新路由器({ 模式:“哈希”, 路线:[] }); 路由器.beforeach((到、从、下一个)=>{ /* *要在此处访问URL参数吗* **to.query**未在哈希模式下工作。 */ }) 您显示的用于记录查询参数的代码是正确的,因此路由存在问题。要在模板中创建链接,请使用: 要在脚本中以编程方式路由,请使用(或): this.$router.pu

我想访问Vue方法中的URL参数,而不是使用
window.location.href
和解析

路由器/index.js

const路由器=新路由器({
模式:“哈希”,
路线:[]
});
路由器.beforeach((到、从、下一个)=>{
/*
*要在此处访问URL参数吗*
**to.query**未在哈希模式下工作。
*/
})

您显示的用于记录查询参数的代码是正确的,因此路由存在问题。要在模板中创建链接,请使用


要在脚本中以编程方式路由,请使用(或):

this.$router.push('/myroute?id=5');
当您将
登录到.query
时,您应该看到:

{id:“5”}

编辑:您(在评论中)透露您正在从外部链接到应用程序

散列方式从外部站点链接
http://localhost/#/?id=5

当以哈希模式从外部链接到站点时,必须在url中使用哈希,否则查询将无法正确注册。查询必须跟随散列,但如果未使用散列,则将被置于其前面。

这是来自其他应用程序的重定向。URL:localhost?p1=nnalca&p2=lvnlsnvlal正在查找to.query。获取空对象在
hash
模式下,必须使用hash:
localhost/#/?p1=nnalca&p2=lvnlsnvlal
。我更新了我的答案以包含此信息。