uniapp はどのようにジャンプ ページを渡し、オブジェクト パラメータを渡しますか

uni-app では、以下の方法でページジャンプを実現し、オブジェクトパラメータを渡すことができます。

1. ジャンプする前に、渡すオブジェクトパラメータを JSON 文字列に変換し、encodeURIComponent でエンコードし、URL の後につなぎます。
// リダイレクトされるページのパス
const url = '/pages/detail/detail'; 

// 渡されるオブジェクトパラメータ
const obj = { 
  id: 123, 
  name: 'test' 
}; 

// オブジェクトを変換パラメータを JSON String に設定し、encodeURIComponent を使用してエンコードします
const params = encodeURIComponent(JSON.stringify(obj)); 

// ページにジャンプし、オブジェクト パラメータを渡します
uni.navigateTo({ 
  url: `${url}?params=${ params}` 
} ); 


2. リダイレクトされたページで、`onLoad` イベントを通じて渡されたオブジェクト パラメーターを取得し、decodeURIComponent を使用してデコードし、オブジェクトに変換します。

//detail.vue
エクスポート デフォルト { 
  data() { 
    return { 
      obj: null 
    } 
  }, 
  onLoad(options) {
    // 渡されたオブジェクト パラメータを取得し、decodeURIComponent を使用してデコードし、オブジェクトに変換します
    if ('params' in options) { 
      this.obj = JSON.parse(decodeURIComponent(options.params)); 
    } 
  } 
}


これは次のようになります。 uni で実現 - ページをジャンプしてアプリ内でオブジェクト パラメーターを渡す必要があります。