HBuilderX中uni-app打开页面时,如何用URL传递参数,Query参数传递
- 互联网
- 2025-09-04 08:09:01

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 回到上一个页面。通常用于从一个列表页面跳转到详情页面的场景。
HBuilderX中uni-app打开页面时,如何用URL传递参数,Query参数传递由讯客互联互联网栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“HBuilderX中uni-app打开页面时,如何用URL传递参数,Query参数传递”