前端 vue中获取地址栏中参数的方法

最新推荐文章于 2024-09-29 11:33:48 发布

jia_jia520

最新推荐文章于 2024-09-29 11:33:48 发布

阅读量2.6k

点赞数

分类专栏：地址栏获取参数方法文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/jia_jia520/article/details/107536167

版权

地址栏同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

获取参数方法

1 篇文章 0 订阅

订阅专栏

本文介绍在Vue.js应用中如何有效地从浏览器地址栏获取查询参数，包括使用JavaScript的URLSearchParams API和Vue实例的$router对象来解析参数，帮助开发者在前端开发中更好地处理动态路由和数据传递。

摘要由CSDN通过智能技术生成

getUrl(name,url){
  if(!url)
    url = location.href;
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var results = regex.exec( url );
  return results ==null ? null:results[1]
}
created(){
  //name为地址栏中想要的参数名称
  this.getUrl('name');
}