vue 獲取url參數、get參數返回數組的操作

這是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;};

補充知識：vue中使用getUrlParam()方法來獲取URL的值

首先建一個GetUrlParam.js，然后在需要的頁面中引入使用：

GetUrlParam.js

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

引用

import { getUrlParam } from “…/components/GetUrlParam”;

使用：

let id = getQueryString(“ryid”); //參數名1let model = getUrlParam(“model”); //參數名2console.log( id )console.log( model )

以上這篇vue 獲取url參數、get參數返回數組的操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。