uniapp navigateBack传参,调用page列表项的方法

648 阅读1分钟

uniapp vue3 使用navigateBack传参、返回上一页传参等

使用getCurrentPages,官方文档:getCurrentPages() | uni-app官网

封装的返回函数:

	const backBankCard = (val) => {
		// getCurrentPages无需引入
		// 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
		let pages = getCurrentPages() 
		//page.$vm 	当前页面的 Vue 实例
		pages[pages.length - 2].$vm.getValue(val)
		// 返回
		uni.navigateBack()
	}

上一页的代码,组合式api:

<script setup>
	const getValue = (val) => {
		console.log("获取到back参数", val);
	}
	defineExpose({
		getValue,
	})
</script>