当前位置: 首页 > news >正文

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

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

  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.lryc.cn/news/122411.html

相关文章:

  • DIP: Spectral Bias of DIP 频谱偏置解释DIP
  • 【考研数学】概率论与梳理统计 | 第一章——随机事件与概率(1)
  • LeetCode 36题:有效的数独
  • word横向页面侧面页码设置及转pdf后横线变竖线的解决方案
  • 华为OD机试 - 字符串划分(Java JS Python)
  • 使用 `nmcli` 在 CentOS 8 上添加永久路由
  • Java基础五之for循环小练习
  • 解决 Python RabbitMQ/Pika 报错:pop from an empty deque
  • 观察者模式实战
  • 035_小驰私房菜_Qualcomm账号注册以及提case流程
  • uniapp input输入框placeholder文本右对齐
  • 分布式监控平台—zabbix
  • 【leetcode】第一章数组-2
  • 程序使用Microsoft.XMLHTTP对象请求https时出错解决
  • Linux安装配置nginx+php搭建
  • springboot的各种配置
  • OSI七层模型及TCP/IP四层模型
  • MDN-Web APIs
  • 2023国赛数学建模C题思路分析
  • 暑假集训笔记
  • 【枚举+推式子】牛客小白月赛 63 E
  • Android多屏幕支持-Android12
  • python环境下载安装教程,python运行环境怎么下载
  • 【0.2】lubancat鲁班猫4远程ubuntu22.04.2 无需任何安装
  • Flutter 状态管理 Provider
  • 【设计模式】观察者模式
  • ORCA优化器浅析——CDXLOperator Base class for operators in a DXL tree
  • go入门实践四-go实现一个简单的tcp-socks5代理服务
  • div 中元素居中的N种常用方法
  • Java获取指定文件夹下目录下所有视频并复制到另一个地方