一次搞定小程序页面跳转问题

最新推荐文章于 2025-01-20 22:43:16 发布

原创最新推荐文章于 2025-01-20 22:43:16 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

3 篇文章

订阅专栏

本文深入讲解小程序页面间数据传递的方法，包括如何通过URL参数在页面跳转时传递数据，以及如何在页面返回时更新前一页面的数据。适用于小程序开发者了解和掌握数据交互技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序页面跳转信息传递专题

1.页面数据传递：

<navigator url="../index2/index2?name=coderwhy&age=18&height=1.88">查看详情页</navigator>

用?xx="xxx"和&链接数据的形式进行页面数据的传递。

传递的数据在跳转后页面的onload的options中查看！：

  onLoad: function (options) {
    console.log(options)
  },

在这里插入图片描述

2返回时候传递数据：

比如这是首页

<view>{{title}}</view
  data: {
    title:"哈哈哈"
  },

在这里插入图片描述

跳转时候设置：这里要说明一下：

onunload实在页面返回或者说页面卸载时候激发的，getCurrentPages()是获取当前所有活跃的页面

pages.length-2是上一个页面。通过对上一个页面的title的设置：

可以把哈哈哈改为呵呵呵

  onUnload: function () {
    console.log("页面卸载")
    // 获取当前所有活跃的页面
    const pages=getCurrentPages();
    console.log(pages)
    const prevPage=pages[pages.length-2]
    prevPage.setData({
      title:"呵呵呵"
    })
  },

在这里插入图片描述