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