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

vue中获取url参数

作者: 记录学习生活 | 来源:发表于2021-04-19 14:17 被阅读0次

来源:# vue中获取url参数

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/kfpilltx.html