vue Hash路径获取参数值

最新推荐文章于 2025-04-01 09:41:06 发布

Lv骚年

最新推荐文章于 2025-04-01 09:41:06 发布

阅读量4.2k

点赞数 5

分类专栏： Vue 文章标签： vue hash路径获取参数值

本文链接：https://blog.youkuaiyun.com/qq_35081500/article/details/109851993

版权

Vue 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种在Vue项目中使用hash模式时获取URL参数的方法。通过自定义函数getQueryVariable，可以有效解决因页面路径包含‘#’而无法用传统方式获取参数的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

vue项目使用hash模式形成的页面路径包含‘#’，无法使用传统方式获取参数值

解决：

getQueryVariable (variable) {
  const after = window.location.hash.split('?', 2)[1]
  if (after) {
	const reg = new RegExp('(^|&)' + variable + '=([^&]*)(&|$)')
	const r = after.match(reg)
	if (r != null) {
	  return decodeURIComponent(r[2])
	} else {
	  return false
	}
  }
}

常用的方法

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}