uni-app h5 hash 模式下 页面在特定情况下 onload 中无法读取到参数

在 uni-app H5 的 hash 模式下，onLoad 中无法读取到参数，通常是由于页面生命周期与路由解析时机不匹配导致的。以下是常见原因及解决方案：

1. 首次加载时参数获取失败
   hash 模式首次进入页面时，onLoad 可能先于路由参数解析执行，导致 options 为空。
   解决：在 onShow 中补充参数获取逻辑，或使用 this.$route.query 替代 options。

2. 路由跳转未触发 onLoad
   hash 模式下，相同页面跳转（仅参数变化）可能不会重新触发 onLoad。
   解决：在 onShow 中监听参数变化，或使用 watch 监听 $route 变化。

3. 页面栈缓存影响
   uni-app 默认开启页面栈缓存，可能导致页面复用而 onLoad 不执行。
   解决：在 pages.json 中配置页面 "disableScroll": true 或通过 uni.reLaunch 跳转强制刷新。

4. API 调用时机问题
   部分场景下（如微信分享回调），参数可能通过 App.vue 的 onLaunch 传递，而非页面路由。
   解决：通过全局事件总线（如 uni.$emit）或 Vuex 传递参数。

示例代码：

export default {
  onShow() {
    // 从 $route 获取参数（优先）
    const query = this.$route?.query || {};
    if (query.id) {
      this.loadData(query.id);
    }
  },
  watch: {
    '$route.query'(newVal) {
      // 监听路由参数变化
      if (newVal.id) this.loadData(newVal.id);
    }
  }
}