技术栈

vue3父子组件通信

小短腿乄2024-08-03 1:01
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()
}
上一篇:树莓派支持鼠标和LCD(TODO)
下一篇:学习C语言第19天(练习题)
相关推荐
想起你的日子
22 分钟前
EFCore之Code First
前端·.netcore
框架图
32 分钟前
Html语法
前端·html
深耕AI
1 小时前
【wordpress系列教程】07 网站迁移与备份
运维·服务器·前端·数据库
月空MoonSky
1 小时前
解决使用Notepad++出现异型字或者繁体字体问题
java·javascript·notepad++
joan_85
1 小时前
input禁止自动填充
前端·elementui·vue
研☆香
2 小时前
简单的复选框 全选 反选功能
javascript
林间风雨
2 小时前
layui 2.9.16 版本,根据字段字数最大数,表格自适应字段宽度
前端·javascript·layui
hzb66666
2 小时前
xd_day47文件上传-day55xss
javascript·学习·安全·web安全·php
木子啊
2 小时前
HTML防窥技巧:让源码难以偷窥
前端·html·查看源码·禁止查看源码
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)04Claude Code Skills 实用使用手册05UV安装并设置国内源06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07BongoCat - 跨平台键盘猫动画工具08Linux下V2Ray安装配置指南09AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南10Labelme从安装到标注:零基础完整指南