【微信小程序】通过使用 wx.navigateTo方法进行页面跳转,跳转后的页面中通过一些方式回传值给原页面

news/2024/7/20 3:00:14 标签: 微信小程序, 小程序

以下是几种常见的回传值的方式:

  1. 使用 wx.navigateTo 方法传递参数:
    在跳转时,可以在目标页面的 URL 中携带参数,然后在目标页面的 onLoad 方法中获取参数,并在目标页面中进行处理。例如:

    // 原页面跳转到目标页面
    wx.navigateTo({
      url: 'pages/device/select/selectDevice?id=123&name=test',
    })
    

    在目标页面的 onLoad 方法中获取参数:

    onLoad: function(options) {
      const id = options.id;
      const name = options.name;
      // 进行处理
    }
    
  2. 使用 wx.navigateBack 方法回传值:
    在目标页面中,可以使用 wx.navigateBack 方法返回到原页面,并在 wx.navigateBack 方法的参数中携带需要回传的值。在原页面的 onLoad 方法中可以通过 options 参数获取回传的值。例如:

    // 目标页面返回到原页面,并携带回传的值
    wx.navigateBack({
      delta: 1, // 返回的页面数,1表示返回到上一个页面
      success: function() {
        wx.setStorageSync('value', '回传的值');
      }
    })
    

    在原页面的 onLoad 方法中获取回传的值:

    onLoad: function(options) {
      const value = wx.getStorageSync('value');
      // 进行处理
    }
    
  3. 使用全局变量或缓存进行数值传递:
    在目标页面中修改全局变量或使用缓存存储需要回传的值,然后在原页面中读取该全局变量或缓存的值。例如:

    // 目标页面修改全局变量或存储缓存
    getApp().globalData.value = '回传的值';
    // 或者使用缓存存储
    wx.setStorageSync('value', '回传的值');
    

    在原页面中获取全局变量或缓存的值:

    const value = getApp().globalData.value;
    // 或者使用缓存读取
    const value = wx.getStorageSync('value');
    // 进行处理
    

请根据你的具体需求选择适合的方式进行回传值。希望这些方法能够帮助你实现在小程序>微信小程序中跳转页面后回传值。


http://www.niftyadmin.cn/n/4928733.html

相关文章

ssm学院党员管理系统源码和论文PPT

ssm学院党员管理系统源码和论文PPT002 开发工具:idea 数据库mysql5.7(mysql5.7最佳) 数据库链接工具:navcat,小海豚等 开发技术:java ssm tomcat8.5 选题意义、价值和目标: 随着鄂尔多斯应用技术学院招生规模的不断扩大&…

Mac 调试 ios safar

1. 打开Mac的 Safari 浏览器的“开发”菜单 运行 Safari 浏览器,然后依次选取“Safari 浏览器”>“偏好设置”,点按“高级”面板,然后勾选“在菜单栏中显示开发菜单”。 2. 开启IPhone的Safari调试模式 启用 Web 检查 功能,打…

【Linux】云服务器自动化部署VuePress博客(Jenkins)

前言 博主此前是将博客部署在 Github Pages(基于 Github Action)和 Vercel 上的,但是这两种部署方式对于国内用户很不友好,访问速度堪忧。因此将博客迁移到自己的云服务器上,并且基于 Jenkins(一款开源持续…

undefined reference to `dlopen‘ ‘SSL_library_init‘ `X509_certificate_type‘

使用Crow的时候需要注意crow依赖asio依赖OpenSSL,asio要求1.22以上版本,我使用的是1.26.0; 这个版本的asio要求OpenSSL是1.0.2,其他版本我得机器上编不过,ubuntu上默认带的OpenSSL是1.1.1; 所以我下载了OPENSSL1.2.0重…

跳跃游戏——力扣55

文章目录 题目描述解法一 贪心题目描述 解法一 贪心 bool canJump(vector<int>& nums){int n=nums.

OpenJDK Maven 编译出错: package jdk.nashorn.internal.runtime.logging does not exist

前言 OpenJDK 1.8.0Maven 3.8.5TencentOS Server 3.1 错误信息 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1:compile (default-compile) on project tour-common: Compilation failure: Compilation failure: [ERROR] /opt/tour-c…

(十)人工智能应用--深度学习原理与实战--模型的保存与加载使用

目的:将训练好的模型保存为文件,下次使用时直接加载即可,不必重复建模训练。 神经网络模型训练好之后,可以保存为文件以持久存储,这样下次使用时就不重新建模训练,直接加载就可以。TensorfLow提供了灵活的模型保存方案,既可以同时保存网络结构和权重(即保存全模型),也可…

【数学建模】--主成分分析

本讲将介绍主成分分析&#xff08;Principal Component Analysis&#xff0c;PCA&#xff09;&#xff0c;主成分分析是一种降维算法&#xff0c;它能将多个指标转换为少数几个主成分&#xff0c;这些主成分是原始变量的线性组合&#xff0c;且彼此之间互不相关&#xff0c;其能…