当前位置: 首页 > news >正文

获取vue当前页面url问号后面的参数

除了使用 window.location.search 或 Vue Router 的 $route.query 来获取 URL
问号后面的参数之外,您还可以使用 JavaScript 中的正则表达式来解析 URL 中的参数部分。以下是一个示例:

// 获取当前页面的完整 URL
const currentURL = window.location.href;// 使用正则表达式匹配 URL 中的查询参数部分
const parameterMatch = currentURL.match(/\?(.*)/);if (parameterMatch) {// 如果有匹配到参数部分const queryString = parameterMatch[1];// 将查询参数字符串解析为对象const params = {};queryString.split('&').forEach(pair => {const [key, value] = pair.split('=');params[key] = decodeURIComponent(value);});// 使用 params 获取特定参数的值const parameterValue = params.parameterName;
}

这段代码首先获取当前页面的完整 URL,然后使用正则表达式 /\?(.*)/ 来匹配 URL 中的查询参数部分(问号后面的部分)。如果找到匹配,它将查询参数字符串解析为对象,并可以使用 params 获取特定参数的值。
这种方法也可以用来获取 URL 问号后面的参数,但需要更多的手动解析工作。请根据您的需求选择合适的方式。如果您的项目使用了 Vue Router,那么使用 $route.query 是更推荐的方法。

http://www.lryc.cn/news/168058.html

相关文章:

  • Linux编程之线程池的设计与实现
  • stm32---定时器输入捕获
  • 打造生产级Llama大模型服务
  • Acwing 828. 模拟栈
  • 初识Docker
  • HTTPS Tomcat Servlet 博客系统 软件测试的概念 Linux
  • ​云南财经大学《乡村振兴战略下传统村落文化旅游设计》许少辉八一著作
  • shopee——排序模型AUC还能涨吗?
  • 长城网络靶场第三题
  • Java“牵手”虾皮商品列表页数据采集+虾皮商品价格数据排序,虾皮API接口申请指南
  • Pyspark综合案例(pyspark安装和java运行环境配置)
  • 虚拟机突然无法访问外部网络的现象集合
  • 国庆中秋特辑(一)浪漫祝福方式 用循环神经网络(RNN)或长短时记忆网络(LSTM)生成祝福诗词
  • 【入门篇】ClickHouse 的安装与配置
  • 为了工作刷题
  • linux jenkins2.414.1-1.1版本安装
  • 嵌入式学习笔记(33)S5PV210的第二阶段处理过程
  • 学校项目培训之Carla仿真平台之安装Carla
  • 什么是MQ消息队列及四大主流MQ的优缺点(个人网站复习搬运)
  • Learn Prompt-什么是ChatGPT?
  • 高德地图实现-微信小程序地图导航
  • 你已经应用了哪种服务注册和发现的模式呢?
  • Python爬虫技术在SEO优化中的关键应用和最佳实践
  • 基于支持向量机的试剂条图像识别,基于SVM的图像识别,SVM的详细原理,Libsvm工具箱使用注意事项
  • PbootCMS在搭建网站
  • C语言经典100例题(56-60)--画圆;画方;画线
  • linux相关知识以及有关指令3
  • 关于Synchronized
  • 深度学习(Python)学习笔记2
  • gitlab操作