美文网首页
vue中获取url参数

vue中获取url参数

作者: Gifted_ | 来源:发表于2020-09-18 16:18 被阅读0次

1、路由获取

this.delivery_asn = this.$route.query.delivery_asn;

2、非路由获取

(1)在js文件中写方法

export function getUrlKey(name,url){

  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url) || [, ""])[1].replace(/\+/g, '%20')) || null

}

(2)在项目文件中引入

import { getUrlKey } from '@/utils';

(3)在项目文件中使用

this.delivery_asn  = getUrlKey("delivery_asn ",window.location.href)

 如果url中参数base64编码

       let path = window.location.href.split("?") //分割url

       let href = path[0]+"?"+path[1]

  let query = Base64.decode(path[1])  //解码

  href = path[0]+"?"+ query //解码后重组

  this.delivery_asn  = getUrlKey("delivery_asn ",href)

相关文章

网友评论

      本文标题:vue中获取url参数

      本文链接:https://www.haomeiwen.com/subject/ygujyktx.html