vue中获取参数方法的封装

url里的参数可以使用 this.$route.query获取

1、comon.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;
}

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

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

3、页面中调用

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