uniapp+vue3+setup返回上一页传参

huilderx 版本

list

javascript 复制代码
function getId(data) {
	// console.log('接收到的参数', data)
	if (data) {
		buildObj.value = JSON.parse(data);
	} 
}

onShow((options) => {
	getBuild()
})

// 暴露方法
defineExpose({
	getId
})

detail

javascript 复制代码
import { ref, onMounted, onUnmounted } from 'vue'
import { onLoad,onBackPress } from '@dcloudio/uni-app'

const buildObj = ref({})

onLoad((options) => {
	editId.value = options.id
	getDetail(options.id)
	buildObj.value = options.buildObj;
	
})

onBackPress((options) => {
	// 把数据传到上一页
	let pages = getCurrentPages();
	let prevPage = pages[pages.length - 2];
	prevPage.$vm._.exposed.getId(buildObj.value)
	
})
相关推荐
一 乐4 小时前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
北辰alk5 小时前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk5 小时前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
北辰alk6 小时前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk6 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk6 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js
xkxnq6 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
北辰alk6 小时前
Vue 插槽(Slot)完全指南:组件内容分发的艺术
vue.js
北辰alk6 小时前
Vue 组件中访问根实例的完整指南
vue.js
Van_Moonlight6 小时前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos