当前位置: 首页 > article >正文

HBuilderX中uni-app打开页面时,如何用URL传递参数,Query参数传递

HBuilderX中uni-app打开页面时,如何用URL传递参数,Query参数传递?
URL是一种描述文件在计算机网络中位置的方式。在web开发中,可以通过query string来传递参数。使用uniapp进行开发,打开不同的页面时,本文介绍给所要打开的页面可以用URL传递参数。

例:我们要打开/pages/detail页面,并向/pages/detail页面传递参数id和name,可以通过以下步骤
1.调用页面用路由跳转
uni.navigateTo({
url: '/pages/detail?id=123456&name=mary"
})

2.在路由pages中 ,要定义被打开页面/pages/detail的路由

3.在/pages/detail由页面内,在onload函数中接收传递来的参数
onLoad(options) {
// options 是一个对象,包含了传递过来的所有参数
console.log('id:',options.id);

//输出传来的123456
console.log('name:',options.name);

//输出传来的mary
}

uni-app中navigateTo作用:
用于在当前页面内跳转到应用内的某个页面,使用 navigateTo 跳转时,会把当前页面压入栈中,用户可以通过返回按钮或navigateBack 回到上一个页面。通常用于从一个列表页面跳转到详情页面的场景。


http://www.kler.cn/a/551434.html

相关文章:

  • docker拉取失败received unexpected Http status:500 Internal Server Error
  • HTML之JavaScript对象
  • Ubuntu 22.04.5 LTS 安装企业微信,(2025-02-17安装可行)
  • 后端开发:高效数据库查询优化实战指南
  • TensorFlow 和 PyTorch 哪个更适合新手学习?
  • Ollmao (OH-luh-毛程序包及源码) 是一款原生 SwiftUI 应用程序,它与 Ollama 集成,可在 Mac 上本地运行强大的 AI 模型
  • 医院药品管理系统|基于SprinBoot+vue的医院药品管理系统(源码+数据库+文档)
  • 同花顺数据爬取并生成K线
  • 问题解决:vmware设置共享文件夹后找不到/mnt/hgfs
  • python学习之爬虫基础
  • Golang | 面试题每日一练 (1)
  • huggingface/pytorch-image-models
  • 二级等保项目设备清单及高风险项整改方向
  • vue3.x的Suspense详细解读
  • CAP与BASE:分布式系统设计的灵魂与妥协
  • Python语言的嵌入式系统
  • ubuntu在线安装PostgreSQL(pgsql)
  • 【从0做项目】Java搜索引擎(5)
  • 奥比中光3D机器视觉相机能连接halcon吗?
  • python学opencv|读取图像(六十六)使用cv2.minEnclosingCircle函数实现图像轮廓圆形标注