小编给大家分享一下vue不通过路由直接获取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中参数的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

当前标题：vue不通过路由直接获取url中参数的示例分析
文章地址：http://scyingshan.cn/article/goihpg.html