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

时间:2025-02-19 07:04:14

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