vue 获取请求url_vue 获取url里参数的两种方法小结

我就废话不多说了，大家还是直接看代码吧~

第一种：

const query = Qs.parse(location.search.substring(1))

let passport = query.passport;

第二种：

var query=this.$route.query;

let lat = query.lat;

补充知识：Vue通过query获取路由参数

现在来讲Vue通过query获取路由参数

可以看见com1组件里的路由参数为 name=zhangsan&job=teacher

使用 this.$route.query 来获取路由参数

现在就是利用query直接获取路由参数并且以对象的形式展现出来

点击按钮之后，查看控制台，可以看见：

路由参数以对象的形式展现了出来

但是query获取的参数要注意一个问题：不可以直接渲染 query的路由参数对象，不然会报错

比如：我想在页面上直接打印query获取的路由参数对象

会报这样的错误：

error in render 说明这是渲染错误

虽然不能渲染query获取的路由参数对象，但是可以渲染query获取的路由参数对象的属性值

例如：

成功渲染

控制台也不报错。

以上这篇vue 获取url里参数的两种方法小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

vue 获取请求url_vue 获取url里参数的两种方法小结相关推荐

java重定向url有参数吗_JavaScript重定向URL参数的两种方法小结
这篇文章主要介绍的是JavaScript重定向URL参数的两种方法,下面话不多说,直接看示例代码. 一.字符拼接形式 function setUri(para, val) { var strNewUr ...
Js获取Url地址参数的几种方法
方法一 URLSearchParams()函数 geturlparam(){let that=this// window.location.href 获取地址let url = 'https://xx ...
关于EL表达式获取参数的两种方法
今天演示EL表达式的时候发现自己jsp的基础实在是薄弱,在这个很简单的问题上迷惑了很久. 首先在看遇到的问题: 在浏览器地址输入,表示传入一个参数test,值为123 http://localhost ...
Django通过URL传递参数的4种方法
[转自ian的个人博客]http://www.icodelogic.com/?p=501 感谢ian的总结! 1 无参数情况配置URL及其视图如下: (r'^hello/$', hello) de ...
vue父组件向子组件动态传值的两种方法
在一些项目需求中需要父组件向子组件动态传值,比如我这里的需求是,父组件动态通过axios获取返回的图片url数组然后传给子组件,上传图片的子组件拿到该数组后进行遍历并展示图片,因为有时候获取到的会是空 ...
jmeter跨线程组传多个值_Jmeter 跨线程组传递参数之两种方法（转）
终于搞定了Jmeter跨线程组之间传递参数,这样就不用每次发送请求B之前,都需要同时发送一下登录接口(因为同一个线程组下的请求是同时发送的),只需要发送一次登录请求,请求B直接用登录请求的参数即可,直 ...
JS中获取URL中参数的4种方法
方法一:正则 function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&| ...
html获取url参数值,js获取url中参数值的两种方法
本节主要内容: js获取url中参数值. 方法1:正则分析法复制代码代码示例: function getQueryString(name) { var reg = new RegExp(" ...
获取application.yml文件中配置参数的两个方法
application.yml文件内容第一种(适用于获取少量配置参数): @Value("${man.name}") private String name; 第二种(适用于获取 ...

vue 获取请求url_vue 获取url里参数的两种方法小结

vue 获取请求url_vue 获取url里参数的两种方法小结相关推荐

最新文章

热门文章