vue項目獲取地址欄參數(非路由傳參)


在項目中,遇到一個需求,就是另一個系統直接跳轉到我們項目中的某個頁面,不需要做用戶的校驗直接單純的跳轉新頁面,再初始化查詢數據,參數以地址欄的形式傳入

由於原來項目做過權限控制,所以在路由那邊需要進行配置(部分代碼):

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 './getUrlKey.js'
data() {
	return {
		LIFNR:'',		
	}
},
created(){
        // 地址欄:`http://localhost:9527/#/newPage?LIFNR=1000000524`
	//獲取地址欄參數
        this.LIFNR = getUrlKey('LIFNR')
        console.log(this.LIFNR)  //1000000524
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM