在uni-app中获取当前页面路由信息及参数,可以使用uni
的API uni.navigateTo
和 uni.redirectTo
来获取路由跳转时的参数。
以下是一个简单的例子,演示如何在页面加载时获取路由参数:
// 假设我们在一个页面中,需要获取跳转过来时的参数
export default {
onLoad(options) {
// options 对象包含了跳转时所带的参数
console.log('页面加载时获取到的参数:', options);
// 假设需要从参数中获取名为 id 的值
const id = options.id;
console.log('获取到的 id 参数值为:', id);
}
}
在上述代码中,onLoad
函数是页面生命周期函数中的一个,当页面加载时,会自动执行。onLoad
函数的参数 options
是一个对象,包含了跳转时传递的所有参数。
如果你是通过编程方式进行页面跳转,并希望传递参数,可以这样做:
// 页面跳转并传递参数
const params = { id: 123, name: 'uni-app' };
uni.navigateTo({
url: '/pages/target/target?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&')
});
在上述代码中,我们构建了一个查询字符串并通过 navigateTo
方法跳转页面,同时将参数附加在URL后面。在目标页面中,通过 onLoad
方法的 options
参数即可获取到这些参数。