vue專案獲取位址列引數（非路由傳參）
阿新 • • 發佈：2018-11-10
在專案中，遇到一個需求，就是另一個系統直接跳轉到我們專案中的某個頁面，不需要做使用者的校驗直接單純的跳轉新頁面，再初始化查詢資料，引數以位址列的形式傳入
由於原來專案做過許可權控制，所以在路由那邊需要進行配置（部分程式碼）：
const newPage = {
path:'/newPage',
component:() =>
import ('../views/newPage/newPage.vue').then(m => m.default),
}
export default new Router({
mode: 'hash',
base: __dirname,
routes: [
login,
views,
noFound,
notMenu,
newPage
],
})
重點：：
獲取位址列?後面引數的方法：
export function getUrlKey(name){
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/+/g, '%20')) || null
}
在newPage.vue檔案中呼叫：
import {getUrlKey} from '../CRIS/verification/verification.js'
data() {
return {
LIFNR:'',
}
},
created(){
// 位址列：http://localhost:9527/#/newPage?LIFNR=1000000524
//獲取位址列引數
this.LIFNR = getUrlKey('LIFNR')
console.log(this.LIFNR) //1000000524
},