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

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 回到上一个页面。通常用于从一个列表页面跳转到详情页面的场景。

相关文章:

  • Java 与设计模式(15):模板方法模式
  • 前端如何实现一个五星评价,鼠标滑动,前边星星颜色的变黄,后边的不变;
  • java后端开发day16--字符串(二)
  • 25/2/17 <嵌入式笔记> 桌宠代码解析
  • VisionMaster4.4 python脚本 图像处理 转换函数 爱之初体验
  • recent移除task时,结束其所有进程和service(全Android版本)
  • 日常开发中,使用JSON.stringify来实现深拷贝的坑
  • PHP支付宝--转账到支付宝账户
  • 计算机专业知识【探秘 C/S 工作模式:原理、应用与网络协议案例】
  • NBT群落物种级丰度鉴定新方法sylph
  • 【C语言】有序数组的平方
  • 《DeepSeek 一站式工作生活 AI 助手》
  • 外包干了3年,技术退步太明显了。。。。。
  • Rust 语言入门(一):打印与格式化输出
  • Transformer 模型介绍(四)——编码器 Encoder 和解码器 Decoder
  • DeepSeek应用-一秒对书本要点分析并创建思维脑图
  • Java并发编程——AQS原理解析
  • MobaXterm中文版安装使用教程-附安装包
  • 使用 Spring Boot 和 Canal 实现 MySQL 数据库同步
  • 1997-2019年各省进出口总额数据
  • wordpress a 锚点/西安seo站内优化
  • 天水做网站/百度搜不干净的东西
  • 建立音乐网站/西安网站外包
  • 东营网站建设天锐科技/网络营销策划书2000字
  • 025网站建设/关键词优化推广公司
  • php做各种网站类型得模板/谷歌代理