vue中获取链接参数

common.js中定义公共方法

// 获取原生跳转过来的参数
// 使用方法：1、commonjs中定义方法  2、main.js中引入，注册给原型  3、页面使用
export function GetRequest() {
    let url = location.href.split("?")[1].split("&"); //获取url中"?"符后的字串

    console.log(url);
    let query = {};
    url.forEach(item => {
        query[item.split("=")[0]] = decodeURIComponent(item.split("=")[1]);  //转码
    });
    return query;
}

main.js中引入，并注册给Vue实例的原型

// 获取url中拼接的参数
import { GetRequest } from "./common/js/common.js";
Vue.prototype.query = GetRequest;

页面中调用

mounted() {
    console.log(this.query);
}