溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關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”); //參數名1 let model = getUrlParam(“model”); //參數名2 console.log( id ) console.log( model )
看完上述內容，你們對vue項目中如何實現獲取url和get的參數有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
