uniapp真机getcurrentpages获取options如何实现

在uniapp真机调试时，使用getCurrentPages()获取页面栈后，如何正确获取当前页面的options参数？我在开发中发现真机和模拟器表现不一致，options有时为undefined。请问有没有稳定的实现方案？需要兼容Android和iOS平台。

2 回复

在uniapp真机中，使用getCurrentPages()获取当前页面栈，然后通过$vm.options获取参数。例如：

let pages = getCurrentPages();
let currentPage = pages[pages.length - 1];
let options = currentPage.$vm.options;
console.log(options);

注意：需在页面加载完成后调用，确保能正确获取参数。


在 UniApp 中，使用 getCurrentPages() 获取当前页面栈后，可以通过页面实例的 $page 或 options 属性来获取页面参数（options）。以下是实现方法：

步骤：

  1. 获取当前页面栈：使用 getCurrentPages() 函数。
  2. 获取当前页面实例：通常取页面栈的最后一个元素。
  3. 提取 options：从页面实例的 $page 或直接访问 options 属性。

代码示例：

// 在页面方法或生命周期中调用
const pages = getCurrentPages(); // 获取页面栈
const currentPage = pages[pages.length - 1]; // 当前页面实例
const options = currentPage.$page.options || currentPage.options; // 获取参数

// 示例：打印参数
console.log('页面参数:', options);

说明：

  • 适用场景：适用于需要动态获取当前页面参数的情况，例如在非 onLoad 生命周期或自定义函数中。
  • 注意事项：
    • 确保在页面加载后调用（如 onLoad 之后），否则 options 可能为空。
    • 部分平台或版本可能略有差异，建议使用 $page.options 作为首选。
  • 示例参数：如果页面 URL 为 /pages/index?id=123，则 options 包含 { id: '123' }。

其他方法：

如果仅在 onLoad 生命周期中获取参数，可直接使用参数：

onLoad(options) {
  console.log('页面参数:', options); // 直接获取 options
}

以上方法简单可靠，适用于 UniApp 全平台（H5、小程序、App）。

回到顶部