vue3父子组件通信

html 复制代码
//父传字
const car=ref("给子的数据")
<save-template :car="car"/>
//子接收
defineProps(["car"])


function Callpage(){
	console.log("test")
}
function save(){
	emit("btSave",要返回的值)
}
//暴露方法给父调用
defineExpose({Callpage})
//返回给父组件值
const emit=defineEmits(["btSave"])

//父
const savetemp =ref("")
<save-template @btSave="test" ref="savetemp"/>
function test(res){
	console.log(res)
	savetemp.value.Callpage()
}
相关推荐
多看书少吃饭3 分钟前
Vite开发环境按需编译是怎么实现的
前端
ybb_ymm12 分钟前
@Async修饰不生效
java·前端·数据库
Sapphire~15 分钟前
Vue3-03 熟悉src文件夹及Vue文件格式
前端·javascript·vue.js
快乐星球37220 分钟前
鸿蒙5、6用户h5页面使用schemeURL跳转小程序失败
前端
用户8417948145628 分钟前
vxe-table 复制单元格内容总会在最后加个换行符,如何去掉末尾换行符的解决方法
vue.js
ChangYan.35 分钟前
Electron使用ffi-napi报错External buffers are not allowed解决办法
前端·javascript·electron
Sept94038 分钟前
详解实现属性的全面拦截
前端
墨渊君39 分钟前
2025 年: 一半无业游民、一半外包牛马
前端·年终总结
借个火er39 分钟前
从零搭建 Uniapp 企业级项目模板
前端
阿民_armin41 分钟前
移动端长列表「返回原位置」的完整实践
前端·javascript·vue.js