vue 獲取url參數(shù)、get參數(shù)返回?cái)?shù)組的操作
這是vue過(guò)濾器 獲取url參數(shù),返回?cái)?shù)組
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;};
補(bǔ)充知識(shí):vue中使用getUrlParam()方法來(lái)獲取URL的值
首先建一個(gè)GetUrlParam.js,然后在需要的頁(yè)面中引入使用:
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”); //參數(shù)名1let model = getUrlParam(“model”); //參數(shù)名2console.log( id )console.log( model )
以上這篇vue 獲取url參數(shù)、get參數(shù)返回?cái)?shù)組的操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 使用css實(shí)現(xiàn)全兼容tooltip提示框2. SpringBoot快速集成jxls-poi(自定義模板,支持本地文件導(dǎo)出,在線文件導(dǎo)出)3. 使用ProcessBuilder調(diào)用外部命令,并返回大量結(jié)果4. 通過(guò)工廠模式返回Spring Bean方法解析5. JSP實(shí)現(xiàn)客戶信息管理系統(tǒng)6. 關(guān)于Mysql-connector-java驅(qū)動(dòng)版本問(wèn)題總結(jié)7. python中HTMLParser模塊知識(shí)點(diǎn)總結(jié)8. CSS自定義滾動(dòng)條樣式案例詳解9. python 批量下載bilibili視頻的gui程序10. python:刪除離群值操作(每一行為一類數(shù)據(jù))
