zoukankan      html  css  js  c++  java
  • 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
    },
    
    
  • 相关阅读:
    服务的有状态和无状态
    微服务-服务治理
    微服务-服务注册与发现
    微服务-技术的选型
    微服务的数据一致性
    微服务的服务拆分
    初识微服务
    REST API风格
    算法
    JS 判断PC、android、ios、微信浏览器
  • 原文地址:https://www.cnblogs.com/yinxingen/p/9816902.html
Copyright © 2011-2022 走看看