技术栈

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天(练习题)
相关推荐
RopenYuan
2 小时前
FastAPI -API Router的应用
前端·网络·python
走粥
2 小时前
clsx和twMerge解决CSS类名冲突问题
前端·css
Purgatory001
3 小时前
layui select重新渲染
前端·layui
weixin19970108016
3 小时前
《中国供应商商品详情页前端性能优化实战》
前端·性能优化
九皇叔叔
4 小时前
003-SpringSecurity-Demo 统一响应类
java·javascript·spring·springsecurity
赵孝正
5 小时前
学习的本质是一个工程闭环:从模仿到内化的四阶段方法论(附风电实战案例)
前端·数据库·学习
低代码布道师
5 小时前
纯代码实战:MBA培训管理系统 (十四) ——用户管理(批量选择与批量删除)
javascript·nextjs
打瞌睡的朱尤
5 小时前
建立vue项目
vue.js
热门推荐
01GitHub 镜像站点02Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)032026年3月AI领域大事件:DeepSeek引领开源风暴04VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)05【技术干货】Gemma 4 上手深度指南:本地多模态大模型的新基线06AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程09Mac 本地部署 OMLX + 通义千问 Qwen3.5-27B 保姆级教程10纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!