vue不通过路由直接获取url中参数的方法示例

前言

众所周知vue中使用路由的方式设置url参数，但是这种方式必须要在路径中附带参数，而且这个参数是需要在vue的路由中提前设置好的。

相对来说，在某些情况下直接在url后面拼接？mid=100的方式传递参数更灵活，你不需要设置路由，只需要在url后拼接参数即可，但是这种方式就需要通过javascript获取并提取url中的参数，通过传统的方式直接在页面中获取是行不通的了，因为vue中是无法通过location.search()来获取url问号之后的内容的。

当然，这个问题也有解决方法，就是把获取参数的脚本代码注册*局方法就可以了。下面话不多说了，来一看看详细的方法示例吧。

示例代码

第一步：创建utils.js文件，并保存到项目根目录

 export default{
  getUrlKey:function(name){
   return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null;
  }
 }

第二步：在主js方法（main.js)中注册全局方法

 import utils   from './utils'    //获取url参数
 
 Vue.prototype.$utils=utils   //注册全局方法

第三步：vue文件中引用方法

 let channel=this.$utils.getUrlKey("channel")

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# vue  # 获取url  # 参数  # vuejs获取url参数  # vue怎么获取url参数  # Vue如何获取url路由地址和参数简单示例  # 要在  # 也有  # 说了  # 不多  # 只需  # 这个问题  # 你不  # 这篇文章  # 谢谢大家  # 解决方法  # 第二步  # 众所周知  # 第三步  # 就可以  # 并保存  # 更灵活  # 情况下  # 在某些  # 有疑问  # search 

相关文章： 网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  电商平台网站制作流程,电商网站如何制作？  企业微网站怎么做,公司网站和公众号有什么区别？  建站之星收费标准详解：套餐费用及年费价格表一览  如何在IIS中新建站点并配置端口与物理路径？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  网站制作的步骤包括,正确网址格式怎么写？  如何在新浪SAE免费搭建个人博客？  太原网站制作公司有哪些,网约车营运证查询官网？  如何快速搭建高效WAP手机网站吸引移动用户？  建站之星如何取消后台验证码生成？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  小建面朝正北，A点实际方位是否存在偏差？  如何通过宝塔面板实现本地网站访问？  如何使用Golang table-driven基准测试_多组数据测量函数效率  建站主机类型有哪些？如何正确选型  网站制作免费,什么网站能看正片电影？  高端网站建设与定制开发一站式解决方案 中企动力  内部网站制作流程,如何建立公司内部网站？  制作电商网页,电商供应链怎么做？  如何用y主机助手快速搭建网站？  太平洋网站制作公司,网络用语太平洋是什么意思？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  网页设计网站制作软件,microsoft office哪个可以创建网页？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  西安专业网站制作公司有哪些,陕西省建行官方网站？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  中山网站制作网页,中山新生登记系统登记流程？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  ,网页ppt怎么弄成自己的ppt？  建站之星如何配置系统实现高效建站？  如何安全更换建站之星模板并保留数据？  外贸公司网站制作哪家好,maersk船公司官网？  宝塔面板如何快速创建新站点？  如何快速完成中国万网建站详细流程？  如何制作算命网站,怎么注册算命网站？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  h5在线制作网站电脑版下载,h5网页制作软件？  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  网站app免费制作软件,能免费看各大网站视频的手机app？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  相册网站制作软件,图片上的网址怎么复制？  专业网站建设制作报价,网页设计制作要考什么证？  常州自助建站工具推荐：低成本搭建与模板选择技巧  北京制作网站的公司,北京铁路集团官方网站？  网站制作新手教程,新手建设一个网站需要注意些什么？  如何快速搭建FTP站点实现文件共享？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？