uniapp 跨页面传值及跨页面方法调用

news/2024/7/10 1:55:26 标签: uni-app, 前端, vue

uniapp 跨页面传值及跨页面方法调用

1、跨页面传值

使用全局方法监听uni.$emituni.$onuni.$off 发布、监听、移除

methods: {
	addFun(){
		let data = [1]
		uni.navigateBack({ // 返回上一页
          delta: 1
        })
		uni.$emit('successFun',{data}) // 传值
	}
}

监听页

onLoad() {
    uni.$on('successFun', (e => {
        // ...do something
    }))
},
onUnload() {
    // 移除监听
    uni.$off('successFun');
},
2、跨页面方法调用

场景:当前页面数据提交后需要更新上一页的表单,调用当前页的上一页的某个方法

methods: {
	addFun(){
		let pages = getCurrentPages() // 获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
        let prevPage = pages[pages.length - 2] //上一页页面实例
		let data = [1]
		uni.navigateBack({ // 返回上一页
          delta: 1,
          success: () => {
        	prevPage.$vm.fartherFun(data) // 调用上一页的方法,传参
		  }
        })
	}
}

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

相关文章

<C++> 反向迭代器

我们知道正向迭代器的设计:begin迭代器指向第一个数据,end迭代器指向最后一个数据的下一个位置 。移向下一个数据,解引用得到数据的值,并根据容器储存方式的不同,容器有不同类型的迭代器。 注意:rbegin迭代…

用哈希表封装unordered_map(以及set)【C++】

目录 一,前言 二,封装层框架(哈希底层以哈希桶为例) 三,迭代器 1. operator 2. operator[] 3. 仿函数优化 3. 解决unordered_set中Key可以修改的Bug 代码区 Hash_map_set.h HashTable.h 下节预告&#xff1…

一个简单的Oracle Redaction实验

本实验包含了: 简单的Oracle Redaction演示针对指定用户的Redaction 实验环境 假设有一个19c多租户数据库,PDB名为orclpdb1。 我们将在orclpdb1中建立2个用户: redact_user: redact管理员schema_user: schema用户 基础实验 首先进入数…

【入门Flink】- 11Flink实现动态TopN

基本处理函数(ProcessFunction) stream.process(new MyProcessFunction())方法需要传入一个 ProcessFunction 作为参数,ProcessFunction 不是接口 , 而是一个抽象类 ,继承了AbstractRichFunction,所有的处…

python的decord库存在内存泄漏

问题 在训练模型时,使用pip安装的decord库读取视频和音频,但在运行过程中遇到cpu内存泄漏的问题,加载了大约60w个视频样本后就会占用接近300G的cpu内存 解决方案 step1:参考常规的内存泄漏的检查思路,排查代码中可能…

jedis连接redis

package com.wsd;import redis.clients.jedis.Jedis;import java.io.IOException; import java.io.InputStream; import java.util.HashMap; import java.util.Map; import java.util.Properties;public class Redis {public static void main(String[] args) {//读取properti…

C_9练习题

一、单项选择题(本大题共20小题,每小题2分,共40分。在每小题给出的四个备选项中,选出一个正确的答案,并将所选项前的字母填写在答题纸的相应位置上。) C语言程序中,要使用数学库函数(例sqrt、sin等),需要在程序最前面加上包含文件的预处理命令&#xff08;)。 A. #include <…

三策略,六步骤,Jenkins 迁移到极狐GitLab CI 的终极指南

目录 迁移到极狐GitLab 为什么需要迁移到极狐GitLab 极狐GitLab CI 概览 极狐GitLab CI 的功能特性 Jenkins 到极狐GitLab CI 的迁移指南 迁移准备&#xff1a;培训和沟通 Jenkins 到极狐GitLab CI 的三种迁移策略 迁移策略 1&#xff1a;为新项目使用极狐GitLab CI 迁…