vue不通过路由直接获取url中参数的示例分析
小编给大家分享一下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://myzitong.com/article/goihpg.html