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參數返回數組的操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。
相關文章:
1. python實現感知機模型的示例2. Python unittest單元測試框架實現參數化3. .net core 中 WebApiClientCore的使用示例代碼4. springboot多模塊包掃描問題的解決方法5. Android Studio編寫AIDL文件后如何實現自動編譯生成6. iOS UIScrollView和控制器返回手勢沖突解決方法7. 深入淺出 妙用Javascript中apply、call、bind8. windows下安裝PHP性能分析工具 xhprof 筆記9. 基于vue實現探探滑動組件功能10. 利用google trends來觀察一下Java技術的發展趨勢
