文档章节

vue中获取url参数

o
 osc_isezqdgg
发布于 2019/09/18 17:00
字数 115
阅读 36
收藏 0

精选30+云产品,助力企业轻松上云!>>>

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)

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Vue结合后台的增删改案例

首先列表内容还是与之前的列表内容类似,不过此处我们会采用Vue中数据请求的方式来实现数据的增删。那么我们使用的Vue第三方组件就是vue-resource,vue发起请求的方式与jQuery的ajax相似,组...

osc_3md1xrlp
2018/08/18
2
0
使用vue-resource库发送请求获取数据

使用vue-resource库发送请求获取数据 大家一定知道,在jquery中,我们使用$.ajax()方法,来发送请求获取数据, 在vue中,我们使用vue-resource或者axios来向接口发送请求,获取数据,官方推荐...

不负好时光
2017/10/20
870
0
vue项目创建步骤 和 路由router知识点

菜单快捷导航: vue项目创建 vue路由router知识点(路径参数、查询参数、命名路由、嵌套路由、命名视图、hash/history模式) vue导航守卫(全局守卫、单个路由独享、组件级守卫) 1、创建一个v...

osc_h777op1v
01/01
5
0
vue不通过路由直接获取url中参数的方法示例

vue不通过路由直接获取url中参数的方法示例 vuejs取得URL中参数的值 地址:http://localhost:3333/#/index?id=128 console.log(this.$route.query.id) 结果:128 ============ 使用路由获取页...

osc_meg7rtm9
2019/02/26
4
0
Vue 路由

在单页应用中常常要用到路由。 传统的页面跳转是浏览器请求新的页面,渲染整个新的页面。 单页应用是把要跳转的页面的以组件的形式集成在当前页面中,跳转时浏览器不用发起新请求,因为目标页...

chenhongyong
04/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用命名管道承载gRPC

最近GRPC很火,感觉整RPC不用GRPC都快跟不上时髦了。 gRPC设计 gRPC是一种与语言无关的高性能远程过程调用 (RPC) 框架。刚好需要使用一个的RPC应用系统,自然而然就盯上了它,但是它真能够解...

osc_nq69o22c
42分钟前
16
0
06-敏捷开发框架-apis 脚本库 引用位置无关性设计

动态引入技术的设计,对我们来说非常重要。 同时也说明动态语言的使用对我们来说也是非常重要。 没有动态语言的支撑,有些想法可能不容易实现,或者有替代方案,可能会花更大的代价。 前端开...

osc_5zg9z6t1
44分钟前
21
0
(三)学习了解OrchardCore笔记——灵魂中间件ModularTenantContainerMiddleware的第一行①的模块部分

  了解到了OrchardCore主要由两个中间件(ModularTenantContainerMiddleware和ModularTenantRouterMiddleware)构成,下面开始了解ModularTenantContainerMiddleware中间件第一行代码。   ...

osc_kdarxvx0
45分钟前
15
0
50Mn18Cr4V锻锻环件

电机无磁护环怎么锻性能才能《高高》?50Mn18Cr4V高锰无磁钢在变形温度为900~1 100℃、应变速率为0.1 ~10s-1条件下的热变形行为. 结果,VC第二相的应变诱导析出对50Mn18Cr4V的热变形行为产生...

无磁钢
46分钟前
16
0
【遇见offer】一汽-大众实习生专场来啦!成长+学习+福利,一个也不能少~

在上次一汽-大众的社招直播之后,实习生的专场招聘也终于来啦! 针对2020年暑期,我们提供了非常多的实习岗位给大家选择。 如果你想得到大厂实习的宝贵经验,如果你想得到更快速的成长,如果...

osc_b88oux8w
47分钟前
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部