uniapp发行H5获取当前页面query

最新推荐文章于 2024-07-26 17:06:27 发布

修行者对666

最新推荐文章于 2024-07-26 17:06:27 发布

阅读量841

点赞数 10

分类专栏：安卓gradle 文章标签： uni-app 前端

本文链接：https://blog.csdn.net/qq_36388797/article/details/136552989

版权

安卓gradle 专栏收录该内容

104 篇文章 1 订阅

订阅专栏

阅读uni的文档大致可得通过 onLoad与 onShow()的形参都能获取页面传递的参数，例如在开发时鼠标移动到方法上可以看到此方法的简短介绍

实际这里说的是打开当前页面的参数，在小程序端的时候测试并无问题，但是发行到H5时首页加载会造成参数获取不到的问题。如果是子页面，其他页面跳转的话，在H5中是没问题的。

在H5首页中获取参数，例如抖音的联调等业务，可以直接用原生window进行获取

const queryString = window.location.search
const searchParams = new URLSearchParams(queryString);
const clickid = searchParams.get('clickid');
uni.setStorageSync("clickid", clickid)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

修行者对666

关注关注

10
点赞
踩
7

收藏

觉得还不错? 一键收藏
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获取当前页面

《node+koa2+uniApp+mysql 项目搭建到部署》[保姆级步骤三]

学全栈、大前端方向，就找前端早间课

03-21

243

前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —

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

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

热门推荐

y_coder的博客

06-07

1万+

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

记录uniapp H5网页获取当前位置(以及uniapp H5跨域问题)

qq_45729353的博客

10-14

1889

代码 uni.getLocation({ type: 'wgs84', success: function (res) { console.log('当前位置的经度：' + res.longitude); console.log('当前位置的纬度：' + res.latitude); } }); 注意点在测试获取时,不要谷歌浏览器.真的不要用那个真的… 获取经纬度后,进行逆编理(这块使用的是百度的) uni.request({ .

uniapp跳转并携带两个query参数的写法

weixin_44689788的博客

04-28

2057

uniapp跳转并携带两个query参数的写法

h5在微信内获取信息

weixin_43932092的博客

03-06

674

【代码】h5在微信内获取信息。

uniapp：HbuildeX项目实现jenkins自动化打包上传

mosowe

06-06

5243

ubuntu系统上的jenkins部署基础指令，发送给windows服务器上，windows服务器使用HBuilderX软件的cli.exe执行相关cli命令打包，然后jenkins再调用接口下载打包后的文件。使用pm2后会导致npm包安装失效，貌似是因为在pm2中又进行了一次转译啥的，导致py里面的相关路径可能产生问题，致使os.system命令进入项目文件夹进行npm包安装失效。因对接jenkins所以需要开发对应的接口请求来满足相关的指令发送与文件传输。项目使用域名来控制环境变量，做好相关配置即可。

uniapp多项目多平台脚本编译部署

小马甲

09-22

936

H5涉及到自定义编译平台配置，cmd里custom后面是定义好的自定义编译平台配置，例如h5-yy-dev，可以在设置对象，里面有env就是需要自定义的环境变量变量值，就是微信小程序里cross-env后面设置的那些全局变量，define里的自定义条件编译常量就是类似下面的使用场景，详见官网说明【前往const h5 = 'H5进入的代码逻辑'//#endif"h5-yy-dev": { //自定义编译平台配置，可通过cli方式调用。

uni-app框架的学习

xi_xi_00的博客

05-22

1514

是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

2023年前端面试汇总-React

越陌度阡

06-29

922

React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event

如何在H5移动端预览PDF并且获取到PDF的总页数以及当前阅读所在的页数

絮落锦乡的博客

05-14

3549

问题描述如何在H5移动端预览PDF，并且获取到PDF的总页数，获取到当前的页数。第一步安装pdfh5 npm install pdfh5 第二步开始写预览界面 <template> <div class="login" id="app" style="width: 100%;height: 100%"> <div @click="getCurren">当前页</div> <div...

在 uni-app项目中获取路由参数

最新发布

m0_71873158的博客

07-26

1576

在 uni-app项目中获取路由参数原生微信小程序获取页面路由参数：在 uni-app项目中获取页面路由参数：

H5获取链接中的参数

L1147484597的博客

04-24

2531

在H5网页的项目中我们经常需要获取连接中的参数 function getQuerystring(key) { const url = new URL(window.location.href); return url.searchParams.get(key); } function getRouteQuery(vm, key) { const params = vm.$route.query; return params[key]; } function getQuery(vm, k

uniapp开发h5，获取访问地址的参数

weixin_43467567的博客

03-23

887

uniapp开发h5，获取访问地址的参数

关于uniapp搭建小程序真机调试时路由报错query未定义的解决方法

Afterschoool的博客

10-27

576

在最开始时是使用的钩子拿到页面跳转时传过来的id，但并不适合微信小程序，则会报错query未定义，在路由中将query定义为默认也无法解决，但将它换乘onLoad的时候则错误解决。// 获取路由参数中的Id。

H5新增获取元素方式

绿色水杯

09-07

720

getElementsByClassName 语法 querySelector()语法和返回值只是获取一个 querySelectorAll()语法和返回值可以获取所有 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1

获取url中的参数

Happy的博客

04-04

586

例如取出 https://www.jianshu.com?code=42943243&scene=123中 code 和 scene。场景：微信公众号中配置的 H5 页面会根据 url 中的 code 实现自动登录功能。在开发中遇到的问题，以前只是用特殊符号 = & 判断区分参数，发现这种方法很好，记录下。当然这种是比较规范的 url 如果含有特殊字符需要根据需要特殊处理。把url中的参数组装成一个对象。

vue-router的query和params的区别/若刷新当前页面params对象里面数据会消失，而query不会

ispaomoya博客

10-12

1027

主要讲3点 1.query和params使用区别（重点）模拟一下路由，假设已经在router.js文件里定义path=‘aaa/index2/’和name='index2' query使用 //当前页面，index1.vue methods:{ //一个点击按钮，事件 btnClick () { this.$router.push({ path:'aaa/index2', //如果不想用path的话，可以用name代

uniapp h5中获取当前webview

06-06

在uni-app中，您可以使用uni-app提供的uni.getCurrentWebview()方法来获取当前webview。该方法返回当前页面的webview对象。以下是示例代码： ``` onLoad() { const currentWebview = uni.getCurrentWebview(); ...