vue获取url参数，废话不多说，直接上代码

方式一：

let query = Qs.parse(location.search.substring(1))

let name = query.name;

方式二：

let query = this.$route.query;

let name = query.name;

 

需求:从外部连接上从用户的路径上获取URL'?'之后 的参数,根据参数获取传入后台;

目录,在和src同级的目录中新建一个util.js



在util.js中写入: 

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

 在main.js中注册:

import utils from './utils';   //获取url参数

Vue.prototype.$utils = utils;   //注册全局方法

在XXX.vue页面使用

let aCode = [];
let acode = this.$utils.getUrlKey("acode");
// 获取政务微信传过来的acode值并返回给后台
$.ajax({
    url:'http://192.168.20.90:8888/res072501/jdbg/jsxxCon/getUser?acode=' + acode,
    type:'GET',
    dataType:'json',
    success:function(data){
        aCode = data
    }
})

注:

若地址栏URL为：abc.html?id=123&url=http://www.maidq.com

 

那么，但你用上面的方法去调用：alert(GetQueryString("url"));

 

则会弹出一个对话框：内容就是 http://www.maidq.com

 

如果用：alert(GetQueryString("id"));那么弹出的内容就是 123 啦；

 

import Qs from 'qs'

 

 

const query = Qs.parse(location.search.substring(1))

var channelid = query.channelid;

console.log(channelid );

这是vue过滤器  获取url参数，返回数组

Vue.prototype.$url=function(){
    var url = decodeURIComponent(location.search); //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
};