uniapp 当前页调用上一页的方法

当前页

javascript 复制代码
	// 返回点击
	const handleClick = (index) => {
		// 获取当前页面栈(数组)
		const pages = getCurrentPages();
		// 父页面索引 = 当前页索引 - 1(确保存在父页面)
		if (pages.length > 1) {
			const parentPage = pages[pages.length - 2];
			const params = index;
			if (parentPage.loadData) {
				parentPage.loadData(params);
			}
		}

		// 返回父页面(delta=1 表示返回上一级)
		uni.navigateBack({
			delta: 1
		});
	};

上一页

javascript 复制代码
import { onMounted } from 'vue';

const loadData = (params) => {
	console.log('getdata',params)
};

onMounted(() => {
	// 获取当前页面实例
	const currentPage = getCurrentPages()[getCurrentPages().length - 1];
	// 暴露方法给子页面调用
	currentPage.loadData = loadData;
});
相关推荐
不一样的少年_2 小时前
大部分人都错了!这才是chrome插件多脚本通信的正确姿势
前端·javascript·浏览器
集成显卡2 小时前
AI取名大师 | uni-app 微信小程序打包 v-bind、component 动态组件问题
人工智能·微信小程序·uni-app
Moment2 小时前
Angular v21 无 Zone 模式前瞻:新特性、性能提升与迁移方案
前端·javascript·angular.js
yqcoder2 小时前
vue2 和 vue3 中,provide 和 inject 用法
前端·javascript·vue.js
艾小码2 小时前
Vue组件开发避坑指南:循环引用、更新控制与模板替代
前端·javascript·vue.js
合作小小程序员小小店2 小时前
web开发,在线%农业产品销售管理%系统,基于idea,html,css,vue.js,layui,java,jdk,ssm
java·前端·jdk·intellij-idea·layui·数据库管理员
flypwn4 小时前
TFCCTF 2025 WebLess题解
服务器·前端·数据库
b***74884 小时前
前端CSS预处理器对比,Sass与Less
前端·css·sass
lsp程序员0106 小时前
使用 Web Workers 提升前端性能:让 JavaScript 不再阻塞 UI
java·前端·javascript·ui