vue+webpack+vue-cli擷取URL地址參數

標籤：function   geturl   www   web   跳轉   out   htm   escape   cat   

在沒有使用webpack+vue router開發中，想要擷取RUL傳的參數地址，直接通過一個函數就可以獲得。

比如在  www.test.com/test.html?sign=test  地址中，想要擷取sign的值，通常的方法是用一個函數，

var getUrlStr =  function(name) {
　　var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
　　var r = window.location.search.substr(1).match(reg);
　　if(r != null) return unescape(r[2]);
　　return null;
}

var sign = getUrlStr ("sign")；

sign的值就為 test ；

那麼問題來了，用router開發，是直接通過路由跳轉的頁面，那該怎樣擷取呢？

首先想到的也是通過以上方法擷取，但試了一下，表示行不通。通過百度瞭解到，可以直接使用提供的方法；

就如這樣，也是同樣的傳參  http://localhost:8080/#/one?sign=nsrjbxx 

var  sign = this.$route.query.sgin ;

this 指的是 vue 對象，所以放在vue的方法中直接使用就行了，sign 是參數，這個是可以自訂的。

理解很潛，簡單的能達到目的，有更深的理解歡迎來評！！！

vue+webpack+vue-cli擷取URL地址參數