uniapp がページ間でデータを受け渡す方法を実装する方法

Uniapp はページ間でデータを転送する方法を実装しており、特定のコード例が必要です

Uniapp 開発では、ページ間でのデータ転送は非常に一般的な要件です。合理的なデータ転送により、ページジャンプ時のデータ共有とインタラクションを実現できます。この記事では、uniapp でページ間のデータ転送を実装する方法と具体的なコード例を紹介します。

1. URL パラメーターを使用してデータを渡す

URL パラメーターを使用して保留中のデータを渡すのが、最も一般的で簡単な方法です。ジャンプリンクのURLにパラメータを追加することで、ページ間のデータ転送が可能になります。以下はサンプル コードです。

// ページ A

<text>{{param}}</text>
<button @click="navigateToPageB">跳转至页面B</button>

<script><br>デフォルトのエクスポート {<br> data() {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>return { param: 'Hello Uniapp' }</pre><div class="contentsignin">ログイン後にコピー</div></div><p>},<br> メソッド: {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>navigateToPageB() { uni.navigateTo({ url: '/pages/pageB?pageParam=' + this.param }) }</pre><div class="contentsignin">ログイン後にコピー</div></div><p>}<br>} <br></script>

// ページ B