uni-app获取url（网页地址参数）中的参数

冬眠的蚊子_01

已于 2025-03-21 09:16:10 修改

阅读量4.4k

点赞数 4

分类专栏： uniapp笔记文章标签： uni-app

于 2023-11-21 14:05:41 首次发布

本文链接：https://blog.csdn.net/W49467/article/details/134530345

版权

uniapp笔记专栏收录该内容

6 篇文章

订阅专栏

本文介绍了JavaScript中在onShow方法中如何使用window.location.href、location.search和window.location.hash获取URL参数，以及在浏览器内运行时的替代方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onShow() {
			this.getRequest()
		},

methods: {	
			getRequest(){
				var search = window.location.href.split("=")[1]
				console.log(search);

			}

    }

浏览器内运行效果

如果window.location.href不执行可以换成 location.search

还可以是window.location.hash

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冬眠的蚊子_01

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uni-app - 详细实现 H5 端获取当前页面的路由和参数（得到当前页面地址的路径 URL）

王二红

12-18

1万+

Uniapp怎么获取当前页面路由，uniapp获取当前路由地址，uniapp获取当前页面的路径，UNI-APP_uni-app获取当前页面路由，uni-app获取当前url地址参数，uni-app如何获取当前页面路由，uniapp获取当前页面路由及参数，uniapp获取当前页面传递的参数及路由的方法，uniapp获取当前页面路由及参数获取Uni-app页面路由的方式，在uniapp、mpvue、vue(h5)中如何获取当前页面和地址栏，uniapp获取当前路由的参数并且加入到缓存，uniapp获取当前页面

解决uni-app小程序获取路由及路由参数

King Saj

01-09

2236

【代码】解决uni-app小程序获取路由及路由参数。

参与评论您还未登录，请先登录后发表或查看评论

【uniapp】获取url中的参数this.$route.query或this.$mp.query

y_coder的博客

06-07

1万+

其中，第一种方法适用于h5、APP和微信小程序等平台，而第二种方法只适用于微信小程序平台。在uniapp中获取url中的参数值可以通过。

uniapp页面跳转带参数获取，需要注意在小程序和web下是不一样的

热门推荐

Xinacridine的博客

04-26

2万+

onLoad(option) { var paraString = location.search; var paras = paraString.split("="); console.log(paras) this.login_account = paras[1]}, //this.login_account就是截取的参数了

uni-app:获取url路径中的数组参数（onshow中获取）

weixin_46001736的博客

08-07

1864

uni-app:获取url路径中的数组参数（onshow中获取）

uniapp(H5) App.vue生命周期获取url的参数

磨磨叽叽季

10-14

4037

场景：分享连接带参数分享出去，用户点击连接，获取url上的参数例如：我分享的url是https://localhost:8080/#/pages/info/info?ref=0wfjid 用户点开公众号要获取ref的参数,进行一些用户绑定上下级啊等场景使用。 uniapp(H5) App.vue生命周期获取url的参数代码如下： //在App.vue里的onLaunch方法里 onLaunch: function(e) { var ref = e.query.ref; cons.

uniapp H5获取当前url参数

名人卷耶

12-31

1万+

项目是H5,需要嵌入到App中，用户进入App时，点击H5会有一个url，并携带一个用户token参数，H5需要获取这个token. 1、弦方法 main.js文件，进行全局注册 Vue.prototype.$getURLParams = function() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1

uni 获取URL参数

yuanguojun001的博客

04-03

642

uni开发中获取url参数的方法

关于uni-app使用web-view页面之间互相跳转、通信等问题的解决方案.docx

10-26

// 获取URL参数 var urlParams = new URLSearchParams(window.location.search); var data = urlParams.get('data'); console.log('接收到的数据:', decodeURIComponent(data)); // 监听来自uni-app的消息 ...

Node.js结合uni-app对微信公众号网页开发中的JS-SDK权限验证配置

china-quanda

09-09

1442

不管是微信公众号h5开发，还是微信小程序开发，前端总是要依赖后端去完成各种调试。比如微信授权登录，再比如微信 JS-SDK 的使用需要后端获取signature，而这个签名是通过后端服务器来生成的。话说求人不如求己，所以今天带大家来介绍如何使用 Node.js 实现微信公众号的 JSSDK 调用。

uni-app开发之旅

carlston06的博客

06-16

1105

uni-app提供了丰富的页面导航和路由功能，通过配置pages.json文件和调用相应的API，你可以轻松实现页面之间的跳转和参数传递。同时，你也可以根据项目的实际需求，选择合适的跳转方式和参数传递方式。

uniapp取链接参数的值 anchorId

qq_33240556的博客

02-11

275

通过 URL 传递的参数默认是字符串类型，如果需要数字或其他类型，需手动转换。假设你从页面 A 跳转到页面 B，并在 URL 中传递。对象直接获取参数，与页面跳转方式一致。在 uni-app 中获取链接参数。如果有其他场景或问题，请补充说明！如果是 H5 页面，可以通过。：如果参数值包含特殊字符（如。如果参数在 URL 的哈希（如果项目使用了路由库（如。

uniapp h5项目获取URL参数

yangqii的博客

12-20

1万+

h5项目URL自拼接一个参数token，页面中获取token作为登录验证，（1）window.location.search 【链接中参数位置应该在#之前query在hash前面】假定原地址为 http://X.X.X.X:8080/#/ 添加参数之后：http://X.X.X.X:8080/?token=123&id=456#/ 接收方式：字符串方式： var ...

uni-app获取URL路径变量的方式

GDBBader的博客

08-14

1981

今天在使用uni-app，如何在Statistics这个组件中获取type=com这个路径变量成了难题，在此记录一下在uni-app中获取路径变量的方式。

uniapp h5页面获取 url浏览器传参

小傲哥哥的博客

06-02

8361

今天做过一个uniapp h5页面的需求，就是用户通过扫码跳转到一个页面，参数就是在扫码的时候传递，跳转到浏览器，打开一个h5页面，参数就在url中，例 http://dingdong.nebook.top/#/pages/shoping/shoping?id=6；中?id=6就是传过来的id参数；提取url中参数的方法： onLoad() { let name = this.getQueryString('name') } methods: { getQueryString(name) { v

uniapp获取当前路由地址

qq_37962440的博客

12-12

4319

uniapp微信小程序获取当前路由地址

uni-app如何获取路径上的参数

12-10

在uni-app中获取路径上的参数可以通过以下几种方式实现： 1. **使用`onLoad`生命周期函数**： `onLoad`生命周期函数会在页面加载时执行，并且可以接收页面路径中的参数。 ```javascript export default { onLoad(options) { console.log(options.id); // 假设路径参数为id } } ``` 2. **使用`getCurrentPages`方法**： `getCurrentPages`方法可以获取当前页面栈的信息，通过访问页面的`options`属性来获取路径参数。 ```javascript export default { methods: { getPathParams() { const pages = getCurrentPages(); const currentPage = pages[pages.length - 1]; console.log(currentPage.options.id); // 假设路径参数为id } }, onLoad() { this.getPathParams(); } } ``` 3. **使用`uni.navigateTo`或`uni.redirectTo`传递参数**：在导航到新页面时，可以通过`query`参数传递数据，并在目标页面的`onLoad`函数中接收这些参数。 ```javascript // 导航到新页面并传递参数 uni.navigateTo({ url: '/pages/detail/detail?id=123' }); // 在目标页面的onLoad中接收参数 export default { onLoad(options) { console.log(options.id); // 输出: 123 } } ``` 通过以上方法，可以在uni-app中方便地获取路径上的参数。